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 #C2D2D5 to #C2D5D2 and to #D2C2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C3D1D5
#C3D1D5
#C4D0D5
#C4D0D5
#C5CFD5
#C2D3D4
#C3D2D4
#C4D1D4
#C4D0D4
#C5CFD5
#C6CED5
#C7CDD5
#C2D3D4
#C3D2D4
#C5D0D4
#C6CFD4
#C7CDD5
#C8CCD5
#CACAD5
#C2D4D3
#C4D2D3
#C5D0D4
#C7CED4
#C8CCD4
#CACAD5
#CCC8D5
#C2D4D3
#C4D2D3
#C6CFD4
#C8CDD4
#CACAD4
#CCC8D5
#CFC5D5
#C2D5D2
#C5D2D2
#C7CFD3
#CACCD3
#CCC9D4
#CFC6D4
#D2C2D5
Colorpallet from #C2D2D5 to #C2D5D2 and to #D2D5C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C3D2D4
#C3D2D4
#C4D2D3
#C4D2D3
#C5D2D2
#C2D3D4
#C3D3D3
#C4D3D2
#C4D3D2
#C5D3D1
#C6D3D0
#C7D3CF
#C2D3D4
#C3D3D3
#C5D3D1
#C6D3D0
#C7D3CF
#C8D3CE
#CAD3CC
#C2D4D3
#C4D4D1
#C5D4D0
#C7D4CE
#C8D4CD
#CAD4CB
#CCD4C9
#C2D4D3
#C4D4D1
#C6D4CF
#C8D4CD
#CAD4CB
#CCD4C9
#CFD4C6
#C2D5D2
#C5D5CF
#C7D5CD
#CAD5CA
#CCD5C8
#CFD5C5
#D2D5C2
Colorpallet from #C2D2D5 to #C2D5D2 and to #D5C2D2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C3D1D5
#C3D1D5
#C4D0D5
#C4D0D5
#C5CFD5
#C2D3D4
#C3D2D4
#C4D1D4
#C5D0D4
#C6CFD4
#C7CED4
#C8CDD4
#C2D3D4
#C3D2D4
#C5D0D4
#C6CFD4
#C8CDD4
#C9CCD4
#CBCAD4
#C2D4D3
#C4D2D3
#C6D0D3
#C8CED3
#CACCD3
#CCCAD3
#CEC8D3
#C2D4D3
#C4D2D3
#C7CFD3
#C9CDD3
#CCCAD3
#CEC8D3
#D1C5D3
#C2D5D2
#C5D2D2
#C8CFD2
#CBCCD2
#CEC9D2
#D1C6D2
#D5C2D2
Colorpallet from #C2D2D5 to #C2D5D2 and to #D5D2C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C3D2D4
#C3D2D4
#C4D2D3
#C4D2D3
#C5D2D2
#C2D3D4
#C3D3D3
#C4D3D2
#C5D3D2
#C6D2D1
#C7D2D0
#C8D2CF
#C2D3D4
#C3D3D3
#C5D3D1
#C6D3D0
#C8D2CF
#C9D2CE
#CBD2CC
#C2D4D3
#C4D4D1
#C6D3D0
#C8D3CE
#CAD3CD
#CCD2CB
#CED2C9
#C2D4D3
#C4D4D1
#C7D3CF
#C9D3CD
#CCD3CB
#CED2C9
#D1D2C6
#C2D5D2
#C5D5CF
#C8D4CD
#CBD4CA
#CED3C8
#D1D3C5
#D5D2C2
Colorpallet from #C2D2D5 to #D2C2D5 and to #D2D5C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5CFD5
#C5CFD5
#C5D0D4
#C5D0D4
#C5D1D3
#C5D1D3
#C5D2D2
#C7CDD5
#C7CED4
#C7CFD3
#C7D0D2
#C7D1D1
#C7D2D0
#C7D3CF
#CACAD5
#CACBD4
#CACDD2
#CACED1
#CAD0CF
#CAD1CE
#CAD3CC
#CCC8D5
#CCCAD3
#CCCCD1
#CCCECF
#CCD0CD
#CCD2CB
#CCD4C9
#CFC5D5
#CFC7D3
#CFCAD0
#CFCCCE
#CFCFCB
#CFD1C9
#CFD4C6
#D2C2D5
#D2C5D2
#D2C8CF
#D2CBCC
#D2CEC9
#D2D1C6
#D2D5C2
Colorpallet from #C2D2D5 to #D2C2D5 and to #D5C2D2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5CFD5
#C5CFD5
#C5CFD5
#C5CFD5
#C5CFD5
#C5CFD5
#C5CFD5
#C7CDD5
#C7CDD5
#C7CDD5
#C7CDD5
#C8CDD4
#C8CDD4
#C8CDD4
#CACAD5
#CACAD5
#CACAD5
#CACAD5
#CBCAD4
#CBCAD4
#CBCAD4
#CCC8D5
#CCC8D5
#CDC8D4
#CDC8D4
#CDC8D4
#CEC8D3
#CEC8D3
#CFC5D5
#CFC5D5
#D0C5D4
#D0C5D4
#D0C5D4
#D1C5D3
#D1C5D3
#D2C2D5
#D2C2D5
#D3C2D4
#D3C2D4
#D4C2D3
#D4C2D3
#D5C2D2
Colorpallet from #C2D2D5 to #D2C2D5 and to #D5D2C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5CFD5
#C5CFD5
#C5D0D4
#C5D0D4
#C5D1D3
#C5D1D3
#C5D2D2
#C7CDD5
#C7CED4
#C7CFD3
#C7CFD2
#C8D0D1
#C8D1D0
#C8D2CF
#CACAD5
#CACBD4
#CACDD2
#CACED1
#CBCFCF
#CBD0CE
#CBD2CC
#CCC8D5
#CCCAD3
#CDCBD1
#CDCDCF
#CDCECD
#CED0CB
#CED2C9
#CFC5D5
#CFC7D3
#D0C9D0
#D0CBCE
#D0CDCB
#D1CFC9
#D1D2C6
#D2C2D5
#D2C5D2
#D3C7CF
#D3CACC
#D4CCC9
#D4CFC6
#D5D2C2
Colorpallet from #C2D2D5 to #D2D5C2 and to #D5C2D2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5D2D2
#C5D2D2
#C5D1D3
#C5D1D3
#C5D0D4
#C5D0D4
#C5CFD5
#C7D3CF
#C7D2D0
#C7D1D1
#C7D0D1
#C8CFD2
#C8CED3
#C8CDD4
#CAD3CC
#CAD2CD
#CAD0CF
#CACFD0
#CBCDD1
#CBCCD2
#CBCAD4
#CCD4C9
#CCD2CB
#CDD0CC
#CDCECE
#CDCCCF
#CECAD1
#CEC8D3
#CFD4C6
#CFD2C8
#D0CFCA
#D0CDCC
#D0CACE
#D1C8D0
#D1C5D3
#D2D5C2
#D2D2C5
#D3CFC7
#D3CCCA
#D4C9CC
#D4C6CF
#D5C2D2
Colorpallet from #C2D2D5 to #D2D5C2 and to #D5D2C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5D2D2
#C5D2D2
#C5D2D2
#C5D2D2
#C5D2D2
#C5D2D2
#C5D2D2
#C7D3CF
#C7D3CF
#C7D3CF
#C7D3CF
#C8D2CF
#C8D2CF
#C8D2CF
#CAD3CC
#CAD3CC
#CAD3CC
#CAD3CC
#CBD2CC
#CBD2CC
#CBD2CC
#CCD4C9
#CCD4C9
#CDD3C9
#CDD3C9
#CDD3C9
#CED2C9
#CED2C9
#CFD4C6
#CFD4C6
#D0D3C6
#D0D3C6
#D0D3C6
#D1D2C6
#D1D2C6
#D2D5C2
#D2D5C2
#D3D4C2
#D3D4C2
#D4D3C2
#D4D3C2
#D5D2C2
Colorpallet from #C2D2D5 to #D5C2D2 and to #D5D2C2
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C2D2D5
#C5CFD5
#C5CFD5
#C5D0D4
#C5D0D4
#C5D1D3
#C5D1D3
#C5D2D2
#C8CDD4
#C8CED3
#C8CFD2
#C8CFD2
#C8D0D1
#C8D1D0
#C8D2CF
#CBCAD4
#CBCBD3
#CBCDD1
#CBCED0
#CBCFCF
#CBD0CE
#CBD2CC
#CEC8D3
#CECAD1
#CECBD0
#CECDCE
#CECECD
#CED0CB
#CED2C9
#D1C5D3
#D1C7D1
#D1C9CF
#D1CBCD
#D1CDCB
#D1CFC9
#D1D2C6
#D5C2D2
#D5C5CF
#D5C7CD
#D5CACA
#D5CCC8
#D5CFC5
#D5D2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts