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 #C2DAD6 to #C2D6DA and to #DAC2D6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2D9D7
#C3D9D7
#C3D8D7
#C4D8D7
#C5D7D6
#C5D7D6
#C6D6D6
#C2D9D7
#C3D8D7
#C5D7D7
#C6D6D7
#C7D5D6
#C8D3D6
#CAD2D6
#C2D8D8
#C4D6D8
#C6D5D7
#C8D3D7
#CAD2D7
#CCD0D6
#CECED6
#C2D7D9
#C4D5D9
#C7D3D8
#C9D1D8
#CCCFD7
#CECDD7
#D1CBD6
#C2D7D9
#C5D4D9
#C8D2D8
#CBCFD8
#CECDD7
#D1CAD7
#D5C7D6
#C2D6DA
#C6D3D9
#CAD0D9
#CECCD8
#D1C9D7
#D5C6D7
#DAC2D6
Colorpallet from #C2DAD6 to #C2D6DA and to #DAD6C2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2D9D7
#C3D9D6
#C3D9D6
#C4D9D5
#C5D9D4
#C5D9D4
#C6D9D3
#C2D9D7
#C3D9D6
#C5D9D5
#C6D9D4
#C7D9D3
#C8D9D1
#CAD9D0
#C2D8D8
#C4D8D6
#C6D8D4
#C8D8D2
#CAD8D0
#CCD8CE
#CED8CC
#C2D7D9
#C4D7D6
#C7D7D4
#C9D7D1
#CCD7CF
#CED7CC
#D1D7C9
#C2D7D9
#C5D7D6
#C8D7D3
#CBD7D0
#CED7CD
#D1D7CA
#D5D7C6
#C2D6DA
#C6D6D6
#CAD6D2
#CED6CE
#D1D6CB
#D5D6C7
#DAD6C2
Colorpallet from #C2DAD6 to #C2D6DA and to #D6C2DA
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2D9D7
#C2D9D7
#C3D8D7
#C3D8D7
#C4D7D7
#C4D7D7
#C5D6D7
#C2D9D7
#C3D8D7
#C4D7D7
#C5D6D7
#C6D5D7
#C7D3D7
#C8D2D7
#C2D8D8
#C4D6D8
#C5D5D8
#C7D3D8
#C8D2D8
#CAD0D8
#CCCED8
#C2D7D9
#C4D5D9
#C6D3D9
#C8D1D9
#CACFD9
#CCCDD9
#CFCBD9
#C2D7D9
#C5D4D9
#C7D2D9
#CACFD9
#CCCDD9
#CFCAD9
#D2C7D9
#C2D6DA
#C5D3DA
#C8D0DA
#CCCCDA
#CFC9DA
#D2C6DA
#D6C2DA
Colorpallet from #C2DAD6 to #C2D6DA and to #D6DAC2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2D9D7
#C2D9D6
#C3D9D6
#C3D9D5
#C4DAD4
#C4DAD4
#C5DAD3
#C2D9D7
#C3D9D6
#C4D9D5
#C5D9D4
#C6DAD3
#C7DAD1
#C8DAD0
#C2D8D8
#C4D8D6
#C5D9D4
#C7D9D2
#C8D9D0
#CADACE
#CCDACC
#C2D7D9
#C4D7D6
#C6D8D4
#C8D8D1
#CAD9CF
#CCD9CC
#CFDAC9
#C2D7D9
#C5D7D6
#C7D8D3
#CAD8D0
#CCD9CD
#CFD9CA
#D2DAC6
#C2D6DA
#C5D7D6
#C8D7D2
#CCD8CE
#CFD9CB
#D2D9C7
#D6DAC2
Colorpallet from #C2DAD6 to #DAC2D6 and to #DAD6C2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C6D6D6
#C6D6D6
#C6D7D5
#C6D7D5
#C6D8D4
#C6D8D4
#C6D9D3
#CAD2D6
#CAD3D5
#CAD4D4
#CAD5D3
#CAD6D2
#CAD8D1
#CAD9D0
#CECED6
#CED0D4
#CED1D3
#CED3D1
#CED4D0
#CED6CE
#CED8CC
#D1CBD6
#D1CDD4
#D1CFD2
#D1D1D0
#D1D3CE
#D1D5CC
#D1D7C9
#D5C7D6
#D5CAD3
#D5CCD1
#D5CFCE
#D5D1CC
#D5D4C9
#D5D7C6
#DAC2D6
#DAC5D3
#DAC8D0
#DACCCC
#DACFC9
#DAD2C6
#DAD6C2
Colorpallet from #C2DAD6 to #DAC2D6 and to #D6C2DA
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C6D6D6
#C6D6D6
#C6D6D6
#C6D6D6
#C5D6D7
#C5D6D7
#C5D6D7
#CAD2D6
#CAD2D6
#C9D2D6
#C9D2D6
#C9D2D7
#C8D2D7
#C8D2D7
#CECED6
#CECED6
#CDCED7
#CDCED7
#CDCED7
#CCCED8
#CCCED8
#D1CBD6
#D1CBD6
#D0CBD7
#D0CBD7
#D0CBD8
#CFCBD8
#CFCBD9
#D5C7D6
#D5C7D6
#D4C7D7
#D4C7D7
#D3C7D8
#D3C7D8
#D2C7D9
#DAC2D6
#D9C2D7
#D9C2D7
#D8C2D8
#D7C2D9
#D7C2D9
#D6C2DA
Colorpallet from #C2DAD6 to #DAC2D6 and to #D6DAC2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C6D6D6
#C6D7D6
#C6D7D5
#C6D8D5
#C5D9D4
#C5D9D4
#C5DAD3
#CAD2D6
#CAD3D5
#C9D5D4
#C9D6D3
#C9D7D2
#C8D8D1
#C8DAD0
#CECED6
#CED0D4
#CDD2D3
#CDD4D1
#CDD6D0
#CCD8CE
#CCDACC
#D1CBD6
#D1CDD4
#D0D0D2
#D0D2D0
#D0D5CE
#CFD7CC
#CFDAC9
#D5C7D6
#D5CAD3
#D4CDD1
#D4D0CE
#D3D3CC
#D3D6C9
#D2DAC6
#DAC2D6
#D9C6D3
#D9CAD0
#D8CECC
#D7D1C9
#D7D5C6
#D6DAC2
Colorpallet from #C2DAD6 to #DAD6C2 and to #D6C2DA
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C6D9D3
#C6D9D4
#C6D8D4
#C6D8D5
#C5D7D6
#C5D7D6
#C5D6D7
#CAD9D0
#CAD8D1
#C9D7D2
#C9D6D3
#C9D5D4
#C8D3D6
#C8D2D7
#CED8CC
#CED6CE
#CDD5D0
#CDD3D2
#CDD2D4
#CCD0D6
#CCCED8
#D1D7C9
#D1D5CC
#D0D3CE
#D0D1D1
#D0CFD3
#CFCDD6
#CFCBD9
#D5D7C6
#D5D4C9
#D4D2CC
#D4CFCF
#D3CDD2
#D3CAD5
#D2C7D9
#DAD6C2
#D9D3C6
#D9D0CA
#D8CCCE
#D7C9D1
#D7C6D5
#D6C2DA
Colorpallet from #C2DAD6 to #DAD6C2 and to #D6DAC2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C6D9D3
#C6D9D3
#C6D9D3
#C6D9D3
#C5DAD3
#C5DAD3
#C5DAD3
#CAD9D0
#CAD9D0
#C9D9D0
#C9D9D0
#C9DAD0
#C8DAD0
#C8DAD0
#CED8CC
#CED8CC
#CDD9CC
#CDD9CC
#CDD9CC
#CCDACC
#CCDACC
#D1D7C9
#D1D7C9
#D0D8C9
#D0D8C9
#D0D9C9
#CFD9C9
#CFDAC9
#D5D7C6
#D5D7C6
#D4D8C6
#D4D8C6
#D3D9C6
#D3D9C6
#D2DAC6
#DAD6C2
#D9D7C2
#D9D7C2
#D8D8C2
#D7D9C2
#D7D9C2
#D6DAC2
Colorpallet from #C2DAD6 to #D6C2DA and to #D6DAC2
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C2DAD6
#C5D6D7
#C5D7D6
#C5D7D6
#C5D8D5
#C5D9D4
#C5D9D4
#C5DAD3
#C8D2D7
#C8D3D6
#C8D5D5
#C8D6D4
#C8D7D3
#C8D8D1
#C8DAD0
#CCCED8
#CCD0D6
#CCD2D4
#CCD4D2
#CCD6D0
#CCD8CE
#CCDACC
#CFCBD9
#CFCDD6
#CFD0D4
#CFD2D1
#CFD5CF
#CFD7CC
#CFDAC9
#D2C7D9
#D2CAD6
#D2CDD3
#D2D0D0
#D2D3CD
#D2D6CA
#D2DAC6
#D6C2DA
#D6C6D6
#D6CAD2
#D6CECE
#D6D1CB
#D6D5C7
#D6DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts