bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #B8DCD1 to #B8D1DC and to #DCB8D1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DAD3
#B9D9D3
#BAD9D2
#BBD8D2
#BCD7D2
#BDD7D1
#BED6D1
#B8D8D5
#BAD7D4
#BCD5D4
#BED4D3
#C0D3D2
#C2D2D2
#C4D0D1
#B8D7D6
#BBD5D5
#BDD3D4
#C0D1D4
#C3CFD3
#C6CDD2
#C9CBD1
#B8D5D8
#BCD2D7
#BFD0D6
#C3CDD5
#C7CBD4
#CAC8D2
#CFC5D1
#B8D3DA
#BDD0D9
#C1CDD7
#C6C9D6
#CBC6D4
#CFC3D3
#D5BFD1
#B8D1DC
#BECDDA
#C4C9D8
#C9C5D7
#CFC1D5
#D5BDD3
#DCB8D1
Colorpallet from #B8DCD1 to #B8D1DC and to #DCD1B8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DAD3
#B9DAD2
#BADAD1
#BBDAD0
#BCDACF
#BDDACE
#BEDACD
#B8D8D5
#BAD8D3
#BCD8D1
#BED8CF
#C0D8CD
#C2D8CB
#C4D8C9
#B8D7D6
#BBD7D3
#BDD7D1
#C0D7CE
#C3D7CB
#C6D7C8
#C9D7C5
#B8D5D8
#BCD5D4
#BFD5D1
#C3D5CD
#C7D5C9
#CAD5C6
#CFD5C1
#B8D3DA
#BDD3D5
#C1D3D1
#C6D3CC
#CBD3C7
#CFD3C3
#D5D3BD
#B8D1DC
#BED1D6
#C4D1D0
#C9D1CB
#CFD1C5
#D5D1BF
#DCD1B8
Colorpallet from #B8DCD1 to #B8D1DC and to #D1B8DC
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DAD3
#B9D9D3
#B9D9D3
#BAD8D3
#BBD7D3
#BBD7D3
#BCD6D3
#B8D8D5
#B9D7D5
#BBD5D5
#BCD4D5
#BDD3D5
#BED2D5
#C0D0D5
#B8D7D6
#BAD5D6
#BCD3D6
#BED1D6
#C0CFD6
#C2CDD6
#C4CBD6
#B8D5D8
#BBD2D8
#BDD0D8
#C0CDD8
#C2CBD8
#C5C8D8
#C8C5D8
#B8D3DA
#BBD0DA
#BECDDA
#C2C9DA
#C5C6DA
#C8C3DA
#CCBFDA
#B8D1DC
#BCCDDC
#C0C9DC
#C4C5DC
#C8C1DC
#CCBDDC
#D1B8DC
Colorpallet from #B8DCD1 to #B8D1DC and to #D1DCB8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DAD3
#B9DAD2
#B9DBD1
#BADBD0
#BBDBCF
#BBDCCE
#BCDCCD
#B8D8D5
#B9D9D3
#BBD9D1
#BCDACF
#BDDBCD
#BEDBCB
#C0DCC9
#B8D7D6
#BAD8D3
#BCD9D1
#BED9CE
#C0DACB
#C2DBC8
#C4DCC5
#B8D5D8
#BBD6D4
#BDD7D1
#C0D8CD
#C2D9C9
#C5DBC6
#C8DCC1
#B8D3DA
#BBD4D5
#BED6D1
#C2D7CC
#C5D9C7
#C8DAC3
#CCDCBD
#B8D1DC
#BCD3D6
#C0D5D0
#C4D6CB
#C8D8C5
#CCDABF
#D1DCB8
Colorpallet from #B8DCD1 to #DCB8D1 and to #DCD1B8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BED6D1
#BED7D0
#BED7D0
#BED8CF
#BED9CE
#BED9CE
#BEDACD
#C4D0D1
#C4D1D0
#C4D3CE
#C4D4CD
#C4D5CC
#C4D6CB
#C4D8C9
#C9CBD1
#C9CDCF
#C9CFCD
#C9D1CB
#C9D3C9
#C9D5C7
#C9D7C5
#CFC5D1
#CFC8CE
#CFCACC
#CFCDC9
#CFCFC7
#CFD2C4
#CFD5C1
#D5BFD1
#D5C2CE
#D5C5CB
#D5C9C7
#D5CCC4
#D5CFC1
#D5D3BD
#DCB8D1
#DCBCCD
#DCC0C9
#DCC4C5
#DCC8C1
#DCCCBD
#DCD1B8
Colorpallet from #B8DCD1 to #DCB8D1 and to #D1B8DC
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BED6D1
#BED6D1
#BDD6D2
#BDD6D2
#BDD6D2
#BCD6D3
#BCD6D3
#C4D0D1
#C3D0D2
#C3D0D2
#C2D0D3
#C1D0D4
#C1D0D4
#C0D0D5
#C9CBD1
#C8CBD2
#C7CBD3
#C7CBD3
#C6CBD4
#C5CBD5
#C4CBD6
#CFC5D1
#CEC5D2
#CDC5D3
#CCC5D4
#CBC5D5
#C9C5D7
#C8C5D8
#D5BFD1
#D4BFD2
#D2BFD4
#D1BFD5
#CFBFD7
#CEBFD8
#CCBFDA
#DCB8D1
#DAB8D3
#D8B8D5
#D7B8D6
#D5B8D8
#D3B8DA
#D1B8DC
Colorpallet from #B8DCD1 to #DCB8D1 and to #D1DCB8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BED6D1
#BED7D0
#BDD8D0
#BDD9CF
#BDDACE
#BCDBCE
#BCDCCD
#C4D0D1
#C3D2D0
#C3D4CE
#C2D6CD
#C1D8CC
#C1DACB
#C0DCC9
#C9CBD1
#C8CECF
#C7D0CD
#C7D3CB
#C6D6C9
#C5D9C7
#C4DCC5
#CFC5D1
#CEC9CE
#CDCCCC
#CCD0C9
#CBD4C7
#C9D7C4
#C8DCC1
#D5BFD1
#D4C4CE
#D2C8CB
#D1CDC7
#CFD2C4
#CED6C1
#CCDCBD
#DCB8D1
#DABECD
#D8C4C9
#D7C9C5
#D5CFC1
#D3D5BD
#D1DCB8
Colorpallet from #B8DCD1 to #DCD1B8 and to #D1B8DC
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BEDACD
#BED9CE
#BDD9CF
#BDD8D0
#BDD7D1
#BCD7D2
#BCD6D3
#C4D8C9
#C3D7CB
#C3D5CD
#C2D4CF
#C1D3D1
#C1D2D3
#C0D0D5
#C9D7C5
#C8D5C8
#C7D3CA
#C7D1CD
#C6CFD0
#C5CDD3
#C4CBD6
#CFD5C1
#CED2C5
#CDD0C8
#CCCDCC
#CBCBD0
#C9C8D3
#C8C5D8
#D5D3BD
#D4D0C2
#D2CDC6
#D1C9CB
#CFC6D0
#CEC3D4
#CCBFDA
#DCD1B8
#DACDBE
#D8C9C4
#D7C5C9
#D5C1CF
#D3BDD5
#D1B8DC
Colorpallet from #B8DCD1 to #DCD1B8 and to #D1DCB8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BEDACD
#BEDACD
#BDDBCD
#BDDBCD
#BDDBCD
#BCDCCD
#BCDCCD
#C4D8C9
#C3D9C9
#C3D9C9
#C2DAC9
#C1DBC9
#C1DBC9
#C0DCC9
#C9D7C5
#C8D8C5
#C7D9C5
#C7D9C5
#C6DAC5
#C5DBC5
#C4DCC5
#CFD5C1
#CED6C1
#CDD7C1
#CCD8C1
#CBD9C1
#C9DBC1
#C8DCC1
#D5D3BD
#D4D4BD
#D2D6BD
#D1D7BD
#CFD9BD
#CEDABD
#CCDCBD
#DCD1B8
#DAD3B8
#D8D5B8
#D7D6B8
#D5D8B8
#D3DAB8
#D1DCB8
Colorpallet from #B8DCD1 to #D1B8DC and to #D1DCB8
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#B8DCD1
#BCD6D3
#BCD7D2
#BCD8D1
#BCD9D0
#BCDACF
#BCDBCE
#BCDCCD
#C0D0D5
#C0D2D3
#C0D4D1
#C0D6CF
#C0D8CD
#C0DACB
#C0DCC9
#C4CBD6
#C4CED3
#C4D0D1
#C4D3CE
#C4D6CB
#C4D9C8
#C4DCC5
#C8C5D8
#C8C9D4
#C8CCD1
#C8D0CD
#C8D4C9
#C8D7C6
#C8DCC1
#CCBFDA
#CCC4D5
#CCC8D1
#CCCDCC
#CCD2C7
#CCD6C3
#CCDCBD
#D1B8DC
#D1BED6
#D1C4D0
#D1C9CB
#D1CFC5
#D1D5BF
#D1DCB8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts