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 #C3D2D8 to #C3D8D2 and to #D2C3D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D3D7
#C3D3D7
#C4D2D7
#C4D2D7
#C4D1D8
#C5D1D8
#C5D0D8
#C3D4D6
#C4D3D6
#C5D2D7
#C5D1D7
#C6D0D7
#C7CED8
#C8CDD8
#C3D5D5
#C4D3D5
#C5D2D6
#C6D0D6
#C7CFD7
#C9CDD7
#CACBD8
#C3D6D4
#C5D4D5
#C6D2D5
#C8CFD6
#C9CDD7
#CBCBD7
#CDC8D8
#C3D7D3
#C5D4D4
#C7D2D5
#C9CFD5
#CBCCD6
#CDC9D7
#CFC6D8
#C3D8D2
#C5D5D3
#C8D1D4
#CACED5
#CDCBD6
#CFC7D7
#D2C3D8
Colorpallet from #C3D2D8 to #C3D8D2 and to #D2D8C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D3D7
#C3D3D7
#C4D3D6
#C4D3D6
#C4D3D6
#C5D3D5
#C5D3D5
#C3D4D6
#C4D4D5
#C5D4D4
#C5D4D4
#C6D4D3
#C7D4D2
#C8D4D1
#C3D5D5
#C4D5D4
#C5D5D3
#C6D5D2
#C7D5D1
#C9D5CF
#CAD5CE
#C3D6D4
#C5D6D3
#C6D6D1
#C8D6D0
#C9D6CE
#CBD6CD
#CDD6CB
#C3D7D3
#C5D7D1
#C7D7CF
#C9D7CD
#CBD7CB
#CDD7C9
#CFD7C7
#C3D8D2
#C5D8D0
#C8D8CD
#CAD8CB
#CDD8C8
#CFD8C6
#D2D8C3
Colorpallet from #C3D2D8 to #C3D8D2 and to #D8C3D2
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D3D7
#C3D3D7
#C4D2D7
#C4D2D7
#C5D1D7
#C5D1D7
#C6D0D7
#C3D4D6
#C4D3D6
#C5D2D6
#C6D1D6
#C7D0D6
#C9CED6
#CACDD6
#C3D5D5
#C5D3D5
#C6D2D5
#C8D0D5
#C9CFD5
#CBCDD5
#CDCBD5
#C3D6D4
#C5D4D4
#C7D2D4
#C9CFD4
#CBCDD4
#CDCBD4
#D0C8D4
#C3D7D3
#C6D4D3
#C8D2D3
#CBCFD3
#CECCD3
#D1C9D3
#D4C6D3
#C3D8D2
#C6D5D2
#CAD1D2
#CDCED2
#D0CBD2
#D4C7D2
#D8C3D2
Colorpallet from #C3D2D8 to #C3D8D2 and to #D8D2C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D3D7
#C3D3D7
#C4D3D6
#C4D3D6
#C5D2D6
#C5D2D5
#C6D2D5
#C3D4D6
#C4D4D5
#C5D3D4
#C6D3D4
#C7D3D3
#C9D2D2
#CAD2D1
#C3D5D5
#C5D5D4
#C6D4D3
#C8D4D2
#C9D3D1
#CBD3CF
#CDD2CE
#C3D6D4
#C5D5D3
#C7D5D1
#C9D4D0
#CBD3CE
#CDD3CD
#D0D2CB
#C3D7D3
#C6D6D1
#C8D5CF
#CBD5CD
#CED4CB
#D1D3C9
#D4D2C7
#C3D8D2
#C6D7D0
#CAD6CD
#CDD5CB
#D0D4C8
#D4D3C6
#D8D2C3
Colorpallet from #C3D2D8 to #D2C3D8 and to #D2D8C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C5D0D8
#C5D0D8
#C5D1D7
#C5D1D7
#C5D2D6
#C5D2D6
#C5D3D5
#C8CDD8
#C8CED7
#C8CFD6
#C8D0D5
#C8D1D4
#C8D3D2
#C8D4D1
#CACBD8
#CACDD6
#CACED5
#CAD0D3
#CAD1D2
#CAD3D0
#CAD5CE
#CDC8D8
#CDCAD6
#CDCCD4
#CDCFD2
#CDD1D0
#CDD3CE
#CDD6CB
#CFC6D8
#CFC9D5
#CFCBD3
#CFCED0
#CFD1CD
#CFD4CA
#CFD7C7
#D2C3D8
#D2C6D5
#D2CAD1
#D2CDCE
#D2D0CB
#D2D4C7
#D2D8C3
Colorpallet from #C3D2D8 to #D2C3D8 and to #D8C3D2
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C5D0D8
#C5D0D8
#C5D0D8
#C5D0D8
#C6D0D7
#C6D0D7
#C6D0D7
#C8CDD8
#C8CDD8
#C9CDD7
#C9CDD7
#C9CDD7
#CACDD6
#CACDD6
#CACBD8
#CACBD8
#CBCBD7
#CBCBD7
#CCCBD6
#CCCBD6
#CDCBD5
#CDC8D8
#CDC8D7
#CEC8D7
#CEC8D6
#CFC8D5
#CFC8D5
#D0C8D4
#CFC6D8
#D0C6D7
#D1C6D6
#D1C6D6
#D2C6D5
#D3C6D4
#D4C6D3
#D2C3D8
#D3C3D7
#D4C3D6
#D5C3D5
#D6C3D4
#D7C3D3
#D8C3D2
Colorpallet from #C3D2D8 to #D2C3D8 and to #D8D2C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C5D0D8
#C5D0D8
#C5D1D7
#C5D1D7
#C6D1D6
#C6D2D6
#C6D2D5
#C8CDD8
#C8CED7
#C9CFD6
#C9CFD5
#C9D0D4
#CAD1D2
#CAD2D1
#CACBD8
#CACCD6
#CBCDD5
#CBCED3
#CCCFD2
#CCD1D0
#CDD2CE
#CDC8D8
#CDCAD6
#CECBD4
#CECDD2
#CFCED0
#CFD0CE
#D0D2CB
#CFC6D8
#D0C8D5
#D1CAD3
#D1CCD0
#D2CECD
#D3D0CA
#D4D2C7
#D2C3D8
#D3C5D5
#D4C8D1
#D5CACE
#D6CDCB
#D7CFC7
#D8D2C3
Colorpallet from #C3D2D8 to #D2D8C3 and to #D8C3D2
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C5D3D5
#C5D3D5
#C5D2D6
#C5D2D6
#C6D1D6
#C6D1D7
#C6D0D7
#C8D4D1
#C8D3D2
#C9D2D3
#C9D1D3
#C9D0D4
#CACED5
#CACDD6
#CAD5CE
#CAD3CF
#CBD2D0
#CBD0D1
#CCCFD2
#CCCDD4
#CDCBD5
#CDD6CB
#CDD4CC
#CED2CE
#CECFCF
#CFCDD1
#CFCBD2
#D0C8D4
#CFD7C7
#D0D4C9
#D1D2CB
#D1CFCD
#D2CCCF
#D3C9D1
#D4C6D3
#D2D8C3
#D3D5C5
#D4D1C8
#D5CECA
#D6CBCD
#D7C7CF
#D8C3D2
Colorpallet from #C3D2D8 to #D2D8C3 and to #D8D2C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C5D3D5
#C5D3D5
#C5D3D5
#C5D3D5
#C6D2D5
#C6D2D5
#C6D2D5
#C8D4D1
#C8D4D1
#C9D3D1
#C9D3D1
#C9D3D1
#CAD2D1
#CAD2D1
#CAD5CE
#CAD5CE
#CBD4CE
#CBD4CE
#CCD3CE
#CCD3CE
#CDD2CE
#CDD6CB
#CDD5CB
#CED5CB
#CED4CB
#CFD3CB
#CFD3CB
#D0D2CB
#CFD7C7
#D0D6C7
#D1D5C7
#D1D5C7
#D2D4C7
#D3D3C7
#D4D2C7
#D2D8C3
#D3D7C3
#D4D6C3
#D5D5C3
#D6D4C3
#D7D3C3
#D8D2C3
Colorpallet from #C3D2D8 to #D8C3D2 and to #D8D2C3
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C3D2D8
#C6D0D7
#C6D0D7
#C6D1D6
#C6D1D6
#C6D1D6
#C6D2D5
#C6D2D5
#CACDD6
#CACED5
#CACFD4
#CACFD4
#CAD0D3
#CAD1D2
#CAD2D1
#CDCBD5
#CDCCD4
#CDCDD3
#CDCED2
#CDCFD1
#CDD1CF
#CDD2CE
#D0C8D4
#D0CAD3
#D0CBD1
#D0CDD0
#D0CECE
#D0D0CD
#D0D2CB
#D4C6D3
#D4C8D1
#D4CACF
#D4CCCD
#D4CECB
#D4D0C9
#D4D2C7
#D8C3D2
#D8C5D0
#D8C8CD
#D8CACB
#D8CDC8
#D8CFC6
#D8D2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts