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 #C2D0E0 to #C2E0D0 and to #D0C2E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D3DD
#C2D2DD
#C3D1DE
#C3D1DE
#C3D0DF
#C4CFDF
#C4CEE0
#C2D5DB
#C3D4DC
#C3D2DD
#C4D1DD
#C5CFDE
#C5CEDF
#C6CCE0
#C2D8D8
#C3D6D9
#C4D3DB
#C5D1DC
#C6CEDD
#C8CCDE
#C9C9E0
#C2DAD6
#C3D7D8
#C5D4D9
#C6D1DB
#C8CEDC
#C9CBDE
#CBC7E0
#C2DDD3
#C4D9D5
#C6D5D7
#C7D1D9
#C9CEDB
#CBCADD
#CDC5E0
#C2E0D0
#C4DBD3
#C6D6D5
#C9D2D8
#CBCDDA
#CDC8DD
#D0C2E0
Colorpallet from #C2D0E0 to #C2E0D0 and to #D0E0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D3DD
#C2D3DD
#C3D3DC
#C3D3DC
#C3D3DC
#C4D3DB
#C4D3DB
#C2D5DB
#C3D5DA
#C3D5D9
#C4D5D9
#C5D5D8
#C5D5D7
#C6D5D6
#C2D8D8
#C3D8D7
#C4D8D6
#C5D8D5
#C6D8D4
#C8D8D3
#C9D8D2
#C2DAD6
#C3DAD5
#C5DAD3
#C6DAD2
#C8DAD0
#C9DACF
#CBDACD
#C2DDD3
#C4DDD1
#C6DDCF
#C7DDCE
#C9DDCC
#CBDDCA
#CDDDC8
#C2E0D0
#C4E0CE
#C6E0CC
#C9E0C9
#CBE0C7
#CDE0C5
#D0E0C2
Colorpallet from #C2D0E0 to #C2E0D0 and to #E0C2D0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D3DD
#C3D2DD
#C4D1DD
#C4D1DD
#C5D0DD
#C6CFDD
#C7CEDD
#C2D5DB
#C4D4DB
#C5D2DB
#C7D1DB
#C8CFDB
#CACEDB
#CCCCDB
#C2D8D8
#C4D6D8
#C6D3D8
#C9D1D8
#CBCED8
#CDCCD8
#D0C9D8
#C2DAD6
#C5D7D6
#C8D4D6
#CBD1D6
#CECED6
#D1CBD6
#D5C7D6
#C2DDD3
#C6D9D3
#CAD5D3
#CED1D3
#D1CED3
#D5CAD3
#DAC5D3
#C2E0D0
#C7DBD0
#CCD6D0
#D0D2D0
#D5CDD0
#DAC8D0
#E0C2D0
Colorpallet from #C2D0E0 to #C2E0D0 and to #E0D0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D3DD
#C3D3DD
#C4D2DC
#C4D2DC
#C5D1DC
#C6D1DB
#C7D0DB
#C2D5DB
#C4D4DA
#C5D3D9
#C7D3D9
#C8D2D8
#CAD1D7
#CCD0D6
#C2D8D8
#C4D7D7
#C6D5D6
#C9D4D5
#CBD3D4
#CDD2D3
#D0D0D2
#C2DAD6
#C5D8D5
#C8D7D3
#CBD5D2
#CED4D0
#D1D2CF
#D5D0CD
#C2DDD3
#C6DBD1
#CAD9CF
#CED7CE
#D1D5CC
#D5D3CA
#DAD0C8
#C2E0D0
#C7DDCE
#CCDBCC
#D0D8C9
#D5D6C7
#DAD3C5
#E0D0C2
Colorpallet from #C2D0E0 to #D0C2E0 and to #D0E0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C4CEE0
#C4CFDF
#C4D0DE
#C4D0DE
#C4D1DD
#C4D2DC
#C4D3DB
#C6CCE0
#C6CDDE
#C6CFDD
#C6D0DB
#C6D2DA
#C6D3D8
#C6D5D6
#C9C9E0
#C9CBDE
#C9CEDC
#C9D0D9
#C9D3D7
#C9D5D5
#C9D8D2
#CBC7E0
#CBCADD
#CBCDDA
#CBD0D7
#CBD3D4
#CBD6D1
#CBDACD
#CDC5E0
#CDC9DC
#CDCDD8
#CDD1D4
#CDD4D1
#CDD8CD
#CDDDC8
#D0C2E0
#D0C7DB
#D0CCD6
#D0D0D2
#D0D5CD
#D0DAC8
#D0E0C2
Colorpallet from #C2D0E0 to #D0C2E0 and to #E0C2D0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C4CEE0
#C4CEE0
#C5CEDF
#C5CEDF
#C6CEDE
#C6CEDE
#C7CEDD
#C6CCE0
#C7CCDF
#C8CCDE
#C9CCDE
#CACCDD
#CBCCDC
#CCCCDB
#C9C9E0
#CAC9DF
#CBC9DD
#CCC9DC
#CDC9DB
#CFC9DA
#D0C9D8
#CBC7E0
#CDC7DE
#CEC7DD
#D0C7DB
#D1C7DA
#D3C7D8
#D5C7D6
#CDC5E0
#CFC5DE
#D1C5DC
#D3C5DA
#D5C5D8
#D7C5D6
#DAC5D3
#D0C2E0
#D3C2DD
#D5C2DB
#D8C2D8
#DAC2D6
#DDC2D3
#E0C2D0
Colorpallet from #C2D0E0 to #D0C2E0 and to #E0D0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C4CEE0
#C4CEDF
#C5CFDE
#C5CFDE
#C6CFDD
#C6D0DC
#C7D0DB
#C6CCE0
#C7CDDE
#C8CDDD
#C9CEDB
#CACFDA
#CBCFD8
#CCD0D6
#C9C9E0
#CACADE
#CBCBDC
#CCCCD9
#CDCDD7
#CFCFD5
#D0D0D2
#CBC7E0
#CDC8DD
#CECADA
#D0CBD7
#D1CDD4
#D3CED1
#D5D0CD
#CDC5E0
#CFC7DC
#D1C9D8
#D3CAD4
#D5CCD1
#D7CECD
#DAD0C8
#D0C2E0
#D3C4DB
#D5C6D6
#D8C9D2
#DACBCD
#DDCDC8
#E0D0C2
Colorpallet from #C2D0E0 to #D0E0C2 and to #E0C2D0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C4D3DB
#C4D2DB
#C5D1DC
#C5D1DC
#C6D0DC
#C6CFDD
#C7CEDD
#C6D5D6
#C7D4D7
#C8D2D8
#C9D1D8
#CACFD9
#CBCEDA
#CCCCDB
#C9D8D2
#CAD6D3
#CBD3D4
#CCD1D5
#CDCED6
#CFCCD7
#D0C9D8
#CBDACD
#CDD7CE
#CED4D0
#D0D1D1
#D1CED3
#D3CBD4
#D5C7D6
#CDDDC8
#CFD9CA
#D1D5CC
#D3D1CD
#D5CECF
#D7CAD1
#DAC5D3
#D0E0C2
#D3DBC4
#D5D6C6
#D8D2C9
#DACDCB
#DDC8CD
#E0C2D0
Colorpallet from #C2D0E0 to #D0E0C2 and to #E0D0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C4D3DB
#C4D3DB
#C5D2DB
#C5D2DB
#C6D1DB
#C6D1DB
#C7D0DB
#C6D5D6
#C7D4D6
#C8D3D6
#C9D3D6
#CAD2D6
#CBD1D6
#CCD0D6
#C9D8D2
#CAD7D2
#CBD5D2
#CCD4D2
#CDD3D2
#CFD2D2
#D0D0D2
#CBDACD
#CDD8CD
#CED7CD
#D0D5CD
#D1D4CD
#D3D2CD
#D5D0CD
#CDDDC8
#CFDBC8
#D1D9C8
#D3D7C8
#D5D5C8
#D7D3C8
#DAD0C8
#D0E0C2
#D3DDC2
#D5DBC2
#D8D8C2
#DAD6C2
#DDD3C2
#E0D0C2
Colorpallet from #C2D0E0 to #E0C2D0 and to #E0D0C2
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C2D0E0
#C7CEDD
#C7CEDD
#C7CFDC
#C7CFDC
#C7CFDC
#C7D0DB
#C7D0DB
#CCCCDB
#CCCDDA
#CCCDD9
#CCCED9
#CCCFD8
#CCCFD7
#CCD0D6
#D0C9D8
#D0CAD7
#D0CBD6
#D0CCD5
#D0CDD4
#D0CFD3
#D0D0D2
#D5C7D6
#D5C8D5
#D5CAD3
#D5CBD2
#D5CDD0
#D5CECF
#D5D0CD
#DAC5D3
#DAC7D1
#DAC9CF
#DACACE
#DACCCC
#DACECA
#DAD0C8
#E0C2D0
#E0C4CE
#E0C6CC
#E0C9C9
#E0CBC7
#E0CDC5
#E0D0C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
