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 #C2D3D8 to #C2D8D3 and to #D3C2D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D4D7
#C2D3D7
#C3D3D7
#C3D2D7
#C4D1D8
#C4D1D8
#C5D0D8
#C2D5D6
#C3D4D6
#C4D3D7
#C4D2D7
#C5D1D7
#C6CFD8
#C7CED8
#C2D5D6
#C3D3D6
#C5D2D7
#C6D0D7
#C7CFD7
#C8CDD8
#CACBD8
#C2D6D5
#C4D4D5
#C6D2D6
#C7CFD6
#C9CDD7
#CBCBD7
#CDC8D8
#C2D7D4
#C4D4D5
#C6D1D5
#C9CED6
#CBCBD7
#CDC9D7
#D0C5D8
#C2D8D3
#C5D4D4
#C7D1D5
#CACDD5
#CDCAD6
#D0C6D7
#D3C2D8
Colorpallet from #C2D3D8 to #C2D8D3 and to #D3D8C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D4D7
#C2D4D7
#C3D4D6
#C3D4D6
#C4D4D5
#C4D4D5
#C5D4D4
#C2D5D6
#C3D5D5
#C4D5D4
#C4D5D4
#C5D5D3
#C6D5D2
#C7D5D1
#C2D5D6
#C3D5D5
#C5D5D3
#C6D5D2
#C7D5D0
#C8D5CF
#CAD5CD
#C2D6D5
#C4D6D3
#C6D6D1
#C7D6D0
#C9D6CE
#CBD6CC
#CDD6CA
#C2D7D4
#C4D7D2
#C6D7D0
#C9D7CD
#CBD7CB
#CDD7C9
#D0D7C6
#C2D8D3
#C5D8D0
#C7D8CE
#CAD8CB
#CDD8C8
#D0D8C5
#D3D8C2
Colorpallet from #C2D3D8 to #C2D8D3 and to #D8C2D3
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D4D7
#C3D3D7
#C3D3D7
#C4D2D7
#C5D1D7
#C5D1D7
#C6D0D7
#C2D5D6
#C3D4D6
#C4D3D6
#C5D2D6
#C6D1D6
#C8CFD6
#C9CED6
#C2D5D6
#C4D3D6
#C6D2D6
#C7D0D6
#C9CFD6
#CBCDD6
#CDCBD6
#C2D6D5
#C4D4D5
#C6D2D5
#C9CFD5
#CBCDD5
#CDCBD5
#D0C8D5
#C2D7D4
#C5D4D4
#C8D1D4
#CBCED4
#CECBD4
#D0C9D4
#D4C5D4
#C2D8D3
#C6D4D3
#C9D1D3
#CDCDD3
#D0CAD3
#D4C6D3
#D8C2D3
Colorpallet from #C2D3D8 to #C2D8D3 and to #D8D3C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D4D7
#C3D4D7
#C3D4D6
#C4D4D6
#C5D3D5
#C5D3D5
#C6D3D4
#C2D5D6
#C3D5D5
#C4D4D4
#C5D4D4
#C6D4D3
#C8D3D2
#C9D3D1
#C2D5D6
#C4D5D5
#C6D4D3
#C7D4D2
#C9D4D0
#CBD3CF
#CDD3CD
#C2D6D5
#C4D6D3
#C6D5D1
#C9D5D0
#CBD4CE
#CDD4CC
#D0D3CA
#C2D7D4
#C5D6D2
#C8D6D0
#CBD5CD
#CED4CB
#D0D4C9
#D4D3C6
#C2D8D3
#C6D7D0
#C9D6CE
#CDD6CB
#D0D5C8
#D4D4C5
#D8D3C2
Colorpallet from #C2D3D8 to #D3C2D8 and to #D3D8C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C5D0D8
#C5D1D7
#C5D1D7
#C5D2D6
#C5D3D5
#C5D3D5
#C5D4D4
#C7CED8
#C7CFD7
#C7D0D6
#C7D1D5
#C7D2D4
#C7D4D2
#C7D5D1
#CACBD8
#CACDD6
#CACED4
#CAD0D3
#CAD1D1
#CAD3CF
#CAD5CD
#CDC8D8
#CDCAD6
#CDCCD4
#CDCFD1
#CDD1CF
#CDD3CD
#CDD6CA
#D0C5D8
#D0C8D5
#D0CBD2
#D0CECF
#D0D1CC
#D0D3CA
#D0D7C6
#D3C2D8
#D3C6D4
#D3C9D1
#D3CDCD
#D3D0CA
#D3D4C6
#D3D8C2
Colorpallet from #C2D3D8 to #D3C2D8 and to #D8C2D3
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C5D0D8
#C5D0D8
#C5D0D8
#C5D0D8
#C6D0D7
#C6D0D7
#C6D0D7
#C7CED8
#C7CED8
#C8CED7
#C8CED7
#C8CED7
#C9CED6
#C9CED6
#CACBD8
#CACBD8
#CBCBD7
#CBCBD7
#CCCBD7
#CCCBD6
#CDCBD6
#CDC8D8
#CDC8D8
#CEC8D7
#CEC8D7
#CFC8D6
#CFC8D6
#D0C8D5
#D0C5D8
#D1C5D7
#D1C5D7
#D2C5D6
#D3C5D5
#D3C5D5
#D4C5D4
#D3C2D8
#D4C2D7
#D5C2D6
#D5C2D6
#D6C2D5
#D7C2D4
#D8C2D3
Colorpallet from #C2D3D8 to #D3C2D8 and to #D8D3C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C5D0D8
#C5D0D7
#C5D1D7
#C5D1D6
#C6D2D5
#C6D2D5
#C6D3D4
#C7CED8
#C7CFD7
#C8D0D6
#C8D0D5
#C8D1D4
#C9D2D2
#C9D3D1
#CACBD8
#CACCD6
#CBCED4
#CBCFD3
#CCD0D1
#CCD1CF
#CDD3CD
#CDC8D8
#CDCAD6
#CECCD4
#CECDD1
#CFCFCF
#CFD1CD
#D0D3CA
#D0C5D8
#D1C7D5
#D1C9D2
#D2CCCF
#D3CECC
#D3D0CA
#D4D3C6
#D3C2D8
#D4C5D4
#D5C7D1
#D5CACD
#D6CDCA
#D7D0C6
#D8D3C2
Colorpallet from #C2D3D8 to #D3D8C2 and to #D8C2D3
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C5D4D4
#C5D3D4
#C5D3D5
#C5D2D5
#C6D1D6
#C6D1D6
#C6D0D7
#C7D5D1
#C7D4D2
#C8D3D3
#C8D2D3
#C8D1D4
#C9CFD5
#C9CED6
#CAD5CD
#CAD3CE
#CBD2D0
#CBD0D1
#CCCFD3
#CCCDD4
#CDCBD6
#CDD6CA
#CDD4CC
#CED2CE
#CECFCF
#CFCDD1
#CFCBD3
#D0C8D5
#D0D7C6
#D1D4C8
#D1D1CA
#D2CECD
#D3CBCF
#D3C9D1
#D4C5D4
#D3D8C2
#D4D4C5
#D5D1C7
#D5CDCA
#D6CACD
#D7C6D0
#D8C2D3
Colorpallet from #C2D3D8 to #D3D8C2 and to #D8D3C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C5D4D4
#C5D4D4
#C5D4D4
#C5D4D4
#C6D3D4
#C6D3D4
#C6D3D4
#C7D5D1
#C7D5D1
#C8D4D1
#C8D4D1
#C8D4D1
#C9D3D1
#C9D3D1
#CAD5CD
#CAD5CD
#CBD4CD
#CBD4CD
#CCD4CD
#CCD3CD
#CDD3CD
#CDD6CA
#CDD6CA
#CED5CA
#CED5CA
#CFD4CA
#CFD4CA
#D0D3CA
#D0D7C6
#D1D6C6
#D1D6C6
#D2D5C6
#D3D4C6
#D3D4C6
#D4D3C6
#D3D8C2
#D4D7C2
#D5D6C2
#D5D6C2
#D6D5C2
#D7D4C2
#D8D3C2
Colorpallet from #C2D3D8 to #D8C2D3 and to #D8D3C2
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C2D3D8
#C6D0D7
#C6D0D7
#C6D1D6
#C6D1D6
#C6D2D5
#C6D2D5
#C6D3D4
#C9CED6
#C9CFD5
#C9D0D4
#C9D0D4
#C9D1D3
#C9D2D2
#C9D3D1
#CDCBD6
#CDCCD5
#CDCED3
#CDCFD2
#CDD0D0
#CDD1CF
#CDD3CD
#D0C8D5
#D0CAD3
#D0CCD1
#D0CDD0
#D0CFCE
#D0D1CC
#D0D3CA
#D4C5D4
#D4C7D2
#D4C9D0
#D4CCCD
#D4CECB
#D4D0C9
#D4D3C6
#D8C2D3
#D8C5D0
#D8C7CE
#D8CACB
#D8CDC8
#D8D0C5
#D8D3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts