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 #C4D6C2 to #C4C2D6 and to #D6C4C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D3C5
#C4D3C5
#C5D3C4
#C5D3C4
#C6D3C3
#C6D3C3
#C7D3C2
#C4D0C8
#C5D0C7
#C6D0C6
#C7D0C5
#C8D0C4
#C9D0C3
#CAD0C2
#C4CCCC
#C5CCCA
#C7CCC9
#C8CCC7
#CACDC6
#CBCDC4
#CDCDC2
#C4C9CF
#C6C9CD
#C8C9CB
#CAC9C9
#CCCAC7
#CECAC5
#D0CAC2
#C4C6D2
#C6C6CF
#C8C7CD
#CBC7CA
#CDC7C8
#CFC8C5
#D2C8C2
#C4C2D6
#C7C2D3
#CAC3D0
#CDC3CC
#D0C3C9
#D2C4C6
#D6C4C2
Colorpallet from #C4D6C2 to #C4C2D6 and to #D6C2C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D3C5
#C4D3C5
#C5D3C4
#C5D3C4
#C6D3C3
#C6D3C3
#C7D3C2
#C4D0C8
#C5D0C7
#C6D0C6
#C7D0C6
#C8D0C5
#C9D0C4
#CAD0C3
#C4CCCC
#C5CCCB
#C7CCC9
#C8CCC8
#CACCC6
#CBCCC5
#CDCCC3
#C4C9CF
#C6C9CD
#C8C9CB
#CAC9C9
#CCC9C7
#CEC9C5
#D0C9C3
#C4C6D2
#C6C6D0
#C8C6CE
#CBC6CB
#CDC6C9
#CFC6C7
#D2C6C4
#C4C2D6
#C7C2D3
#CAC2D0
#CDC2CD
#D0C2CA
#D2C2C8
#D6C2C4
Colorpallet from #C4D6C2 to #C4C2D6 and to #C2C4D6
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D3C5
#C4D3C5
#C4D3C5
#C4D3C5
#C4D3C5
#C4D3C5
#C4D3C5
#C4D0C8
#C4D0C8
#C4D0C8
#C4D0C8
#C3D0C8
#C3D0C8
#C3D0C8
#C4CCCC
#C4CCCC
#C4CCCC
#C4CCCC
#C3CDCC
#C3CDCC
#C3CDCC
#C4C9CF
#C4C9CF
#C4C9CF
#C4C9CF
#C3CACF
#C3CACF
#C3CACF
#C4C6D2
#C4C6D2
#C3C7D2
#C3C7D2
#C3C7D2
#C2C8D2
#C2C8D2
#C4C2D6
#C4C2D6
#C3C3D6
#C3C3D6
#C3C3D6
#C2C4D6
#C2C4D6
Colorpallet from #C4D6C2 to #C4C2D6 and to #C2D6C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D3C5
#C4D3C5
#C4D4C4
#C4D4C4
#C4D5C3
#C4D5C3
#C4D6C2
#C4D0C8
#C4D1C7
#C4D2C6
#C4D3C6
#C3D4C5
#C3D5C4
#C3D6C3
#C4CCCC
#C4CECB
#C4CFC9
#C4D1C8
#C3D2C6
#C3D4C5
#C3D6C3
#C4C9CF
#C4CBCD
#C4CDCB
#C4CFC9
#C3D1C7
#C3D3C5
#C3D6C3
#C4C6D2
#C4C9D0
#C3CBCE
#C3CECB
#C3D0C9
#C2D3C7
#C2D6C4
#C4C2D6
#C4C5D3
#C3C8D0
#C3CCCD
#C3CFCA
#C2D2C8
#C2D6C4
Colorpallet from #C4D6C2 to #D6C4C2 and to #D6C2C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C7D3C2
#C7D3C2
#C7D3C2
#C7D3C2
#C7D3C2
#C7D3C2
#C7D3C2
#CAD0C2
#CAD0C2
#CAD0C2
#CAD0C2
#CAD0C3
#CAD0C3
#CAD0C3
#CDCDC2
#CDCDC2
#CDCDC2
#CDCDC2
#CDCCC3
#CDCCC3
#CDCCC3
#D0CAC2
#D0CAC2
#D0CAC2
#D0CAC2
#D0C9C3
#D0C9C3
#D0C9C3
#D2C8C2
#D2C8C2
#D2C7C3
#D2C7C3
#D2C7C3
#D2C6C4
#D2C6C4
#D6C4C2
#D6C4C2
#D6C3C3
#D6C3C3
#D6C3C3
#D6C2C4
#D6C2C4
Colorpallet from #C4D6C2 to #D6C4C2 and to #C2C4D6
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C7D3C2
#C7D3C2
#C6D3C3
#C6D3C3
#C5D3C4
#C5D3C4
#C4D3C5
#CAD0C2
#C9D0C3
#C8D0C4
#C7D0C5
#C6D0C6
#C4D0C7
#C3D0C8
#CDCDC2
#CBCDC4
#CACDC5
#C8CDC7
#C7CDC8
#C5CDCA
#C3CDCC
#D0CAC2
#CECAC4
#CCCAC6
#CACAC8
#C8CACA
#C6CACC
#C3CACF
#D2C8C2
#CFC8C5
#CDC8C7
#CAC8CA
#C8C8CC
#C5C8CF
#C2C8D2
#D6C4C2
#D3C4C5
#D0C4C8
#CCC4CC
#C9C4CF
#C6C4D2
#C2C4D6
Colorpallet from #C4D6C2 to #D6C4C2 and to #C2D6C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C7D3C2
#C7D3C2
#C6D4C2
#C6D4C2
#C5D5C2
#C5D5C2
#C4D6C2
#CAD0C2
#C9D1C2
#C8D2C2
#C7D3C2
#C6D4C3
#C4D5C3
#C3D6C3
#CDCDC2
#CBCEC2
#CAD0C2
#C8D1C2
#C7D3C3
#C5D4C3
#C3D6C3
#D0CAC2
#CECCC2
#CCCEC2
#CAD0C2
#C8D2C3
#C6D4C3
#C3D6C3
#D2C8C2
#CFCAC2
#CDCCC3
#CACFC3
#C8D1C3
#C5D3C4
#C2D6C4
#D6C4C2
#D3C7C2
#D0CAC3
#CCCDC3
#C9D0C3
#C6D2C4
#C2D6C4
Colorpallet from #C4D6C2 to #D6C2C4 and to #C2C4D6
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C7D3C2
#C7D3C2
#C6D3C3
#C6D3C3
#C5D3C4
#C5D3C4
#C4D3C5
#CAD0C3
#C9D0C4
#C8D0C5
#C7D0C5
#C6D0C6
#C4D0C7
#C3D0C8
#CDCCC3
#CBCCC4
#CACCC6
#C8CCC7
#C7CDC9
#C5CDCA
#C3CDCC
#D0C9C3
#CEC9C5
#CCC9C7
#CAC9C9
#C8CACB
#C6CACD
#C3CACF
#D2C6C4
#CFC6C6
#CDC7C8
#CAC7CB
#C8C7CD
#C5C8CF
#C2C8D2
#D6C2C4
#D3C2C7
#D0C3CA
#CCC3CD
#C9C3D0
#C6C4D2
#C2C4D6
Colorpallet from #C4D6C2 to #D6C2C4 and to #C2D6C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C7D3C2
#C7D3C2
#C6D4C2
#C6D4C2
#C5D5C2
#C5D5C2
#C4D6C2
#CAD0C3
#C9D1C3
#C8D2C3
#C7D3C3
#C6D4C3
#C4D5C3
#C3D6C3
#CDCCC3
#CBCEC3
#CACFC3
#C8D1C3
#C7D2C3
#C5D4C3
#C3D6C3
#D0C9C3
#CECBC3
#CCCDC3
#CACFC3
#C8D1C3
#C6D3C3
#C3D6C3
#D2C6C4
#CFC9C4
#CDCBC4
#CACEC4
#C8D0C4
#C5D3C4
#C2D6C4
#D6C2C4
#D3C5C4
#D0C8C4
#CCCCC4
#C9CFC4
#C6D2C4
#C2D6C4
Colorpallet from #C4D6C2 to #C2C4D6 and to #C2D6C4
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D6C2
#C4D3C5
#C4D3C5
#C4D4C4
#C4D4C4
#C4D5C3
#C4D5C3
#C4D6C2
#C3D0C8
#C3D1C7
#C3D2C6
#C3D3C6
#C3D4C5
#C3D5C4
#C3D6C3
#C3CDCC
#C3CECB
#C3D0C9
#C3D1C8
#C3D3C6
#C3D4C5
#C3D6C3
#C3CACF
#C3CCCD
#C3CECB
#C3D0C9
#C3D2C7
#C3D4C5
#C3D6C3
#C2C8D2
#C2CAD0
#C2CCCE
#C2CFCB
#C2D1C9
#C2D3C7
#C2D6C4
#C2C4D6
#C2C7D3
#C2CAD0
#C2CDCD
#C2D0CA
#C2D2C8
#C2D6C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts