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 #C2DAE4 to #C2E4DA and to #DAC2E4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DCE2
#C3DBE2
#C3DAE3
#C4D9E3
#C5D8E3
#C5D7E4
#C6D6E4
#C2DDE1
#C3DBE1
#C5D9E2
#C6D8E2
#C7D6E3
#C8D4E3
#CAD2E4
#C2DFDF
#C4DCE0
#C6DAE1
#C8D7E1
#CAD4E2
#CCD1E3
#CECEE4
#C2E0DE
#C4DDDF
#C7D9E0
#C9D6E1
#CCD3E2
#CECFE3
#D1CBE4
#C2E2DC
#C5DEDD
#C8D9DF
#CBD5E0
#CED1E1
#D1CCE2
#D5C7E4
#C2E4DA
#C6DFDC
#CAD9DD
#CED4DF
#D1CEE0
#D5C9E2
#DAC2E4
Colorpallet from #C2DAE4 to #C2E4DA and to #DAE4C2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DCE2
#C3DCE2
#C3DCE1
#C4DCE1
#C5DCE0
#C5DCE0
#C6DCDF
#C2DDE1
#C3DDE0
#C5DDDE
#C6DDDD
#C7DDDC
#C8DDDB
#CADDD9
#C2DFDF
#C4DFDD
#C6DFDB
#C8DFDA
#CADFD8
#CCDFD6
#CEDFD4
#C2E0DE
#C4E0DB
#C7E0D9
#C9E0D6
#CCE0D4
#CEE0D1
#D1E0CE
#C2E2DC
#C5E2D9
#C8E2D6
#CBE2D3
#CEE2D0
#D1E2CD
#D5E2C9
#C2E4DA
#C6E4D6
#CAE4D2
#CEE4CE
#D1E4CB
#D5E4C7
#DAE4C2
Colorpallet from #C2DAE4 to #C2E4DA and to #E4C2DA
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DCE2
#C3DBE2
#C4DAE2
#C4D9E2
#C5D8E2
#C6D7E2
#C7D6E2
#C2DDE1
#C4DBE1
#C6D9E1
#C7D8E1
#C9D6E1
#CBD4E1
#CDD2E1
#C2DFDF
#C5DCDF
#C7DADF
#CAD7DF
#CCD4DF
#CFD1DF
#D2CEDF
#C2E0DE
#C6DDDE
#C9D9DE
#CDD6DE
#D0D3DE
#D4CFDE
#D8CBDE
#C2E2DC
#C6DEDC
#CBD9DC
#CFD5DC
#D3D1DC
#D8CCDC
#DDC7DC
#C2E4DA
#C7DFDA
#CDD9DA
#D2D4DA
#D8CEDA
#DDC9DA
#E4C2DA
Colorpallet from #C2DAE4 to #C2E4DA and to #E4DAC2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DCE2
#C3DCE2
#C4DBE1
#C4DBE1
#C5DBE0
#C6DAE0
#C7DADF
#C2DDE1
#C4DDE0
#C6DCDE
#C7DCDD
#C9DBDC
#CBDBDB
#CDDAD9
#C2DFDF
#C5DEDD
#C7DDDB
#CADDDA
#CCDCD8
#CFDBD6
#D2DAD4
#C2E0DE
#C6DFDB
#C9DED9
#CDDDD6
#D0DCD4
#D4DBD1
#D8DACE
#C2E2DC
#C6E1D9
#CBDFD6
#CFDED3
#D3DDD0
#D8DCCD
#DDDAC9
#C2E4DA
#C7E2D6
#CDE1D2
#D2DFCE
#D8DECB
#DDDCC7
#E4DAC2
Colorpallet from #C2DAE4 to #DAC2E4 and to #DAE4C2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C6D6E4
#C6D7E3
#C6D8E2
#C6D9E2
#C6DAE1
#C6DBE0
#C6DCDF
#CAD2E4
#CAD4E2
#CAD6E0
#CAD7DF
#CAD9DD
#CADBDB
#CADDD9
#CECEE4
#CED1E1
#CED3DF
#CED6DC
#CED9DA
#CEDCD7
#CEDFD4
#D1CBE4
#D1CEE0
#D1D2DD
#D1D5D9
#D1D8D6
#D1DCD2
#D1E0CE
#D5C7E4
#D5CBE0
#D5D0DB
#D5D4D7
#D5D8D3
#D5DDCE
#D5E2C9
#DAC2E4
#DAC7DF
#DACDD9
#DAD2D4
#DAD8CE
#DADDC9
#DAE4C2
Colorpallet from #C2DAE4 to #DAC2E4 and to #E4C2DA
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C6D6E4
#C6D6E4
#C6D6E3
#C6D6E3
#C7D6E3
#C7D6E2
#C7D6E2
#CAD2E4
#CAD2E4
#CBD2E3
#CBD2E3
#CCD2E2
#CCD2E2
#CDD2E1
#CECEE4
#CFCEE3
#CFCEE2
#D0CEE2
#D1CEE1
#D1CEE0
#D2CEDF
#D1CBE4
#D2CBE3
#D3CBE2
#D4CBE1
#D5CBE0
#D7CBDF
#D8CBDE
#D5C7E4
#D6C7E3
#D8C7E1
#D9C7E0
#DAC7DF
#DBC7DE
#DDC7DC
#DAC2E4
#DCC2E2
#DDC2E1
#DFC2DF
#E0C2DE
#E2C2DC
#E4C2DA
Colorpallet from #C2DAE4 to #DAC2E4 and to #E4DAC2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C6D6E4
#C6D7E3
#C6D7E2
#C6D8E2
#C7D9E1
#C7D9E0
#C7DADF
#CAD2E4
#CAD3E2
#CBD5E0
#CBD6DF
#CCD7DD
#CCD8DB
#CDDAD9
#CECEE4
#CFD0E1
#CFD2DF
#D0D4DC
#D1D6DA
#D1D8D7
#D2DAD4
#D1CBE4
#D2CDE0
#D3D0DD
#D4D2D9
#D5D5D6
#D7D7D2
#D8DACE
#D5C7E4
#D6CAE0
#D8CDDB
#D9D0D7
#DAD3D3
#DBD6CE
#DDDAC9
#DAC2E4
#DCC6DF
#DDCAD9
#DFCED4
#E0D1CE
#E2D5C9
#E4DAC2
Colorpallet from #C2DAE4 to #DAE4C2 and to #E4C2DA
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C6DCDF
#C6DBDF
#C6DAE0
#C6D9E0
#C7D8E1
#C7D7E1
#C7D6E2
#CADDD9
#CADBDA
#CBD9DC
#CBD8DD
#CCD6DE
#CCD4DF
#CDD2E1
#CEDFD4
#CFDCD6
#CFDAD8
#D0D7D9
#D1D4DB
#D1D1DD
#D2CEDF
#D1E0CE
#D2DDD1
#D3D9D3
#D4D6D6
#D5D3D8
#D7CFDB
#D8CBDE
#D5E2C9
#D6DECC
#D8D9CF
#D9D5D2
#DAD1D5
#DBCCD8
#DDC7DC
#DAE4C2
#DCDFC6
#DDD9CA
#DFD4CE
#E0CED1
#E2C9D5
#E4C2DA
Colorpallet from #C2DAE4 to #DAE4C2 and to #E4DAC2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C6DCDF
#C6DCDF
#C6DBDF
#C6DBDF
#C7DBDF
#C7DADF
#C7DADF
#CADDD9
#CADDD9
#CBDCD9
#CBDCD9
#CCDBD9
#CCDBD9
#CDDAD9
#CEDFD4
#CFDED4
#CFDDD4
#D0DDD4
#D1DCD4
#D1DBD4
#D2DAD4
#D1E0CE
#D2DFCE
#D3DECE
#D4DDCE
#D5DCCE
#D7DBCE
#D8DACE
#D5E2C9
#D6E1C9
#D8DFC9
#D9DEC9
#DADDC9
#DBDCC9
#DDDAC9
#DAE4C2
#DCE2C2
#DDE1C2
#DFDFC2
#E0DEC2
#E2DCC2
#E4DAC2
Colorpallet from #C2DAE4 to #E4C2DA and to #E4DAC2
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C2DAE4
#C7D6E2
#C7D7E2
#C7D7E1
#C7D8E1
#C7D9E0
#C7D9E0
#C7DADF
#CDD2E1
#CDD3E0
#CDD5DE
#CDD6DD
#CDD7DC
#CDD8DB
#CDDAD9
#D2CEDF
#D2D0DD
#D2D2DB
#D2D4DA
#D2D6D8
#D2D8D6
#D2DAD4
#D8CBDE
#D8CDDB
#D8D0D9
#D8D2D6
#D8D5D4
#D8D7D1
#D8DACE
#DDC7DC
#DDCAD9
#DDCDD6
#DDD0D3
#DDD3D0
#DDD6CD
#DDDAC9
#E4C2DA
#E4C6D6
#E4CAD2
#E4CECE
#E4D1CB
#E4D5C7
#E4DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
