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 #D3C5D7 to #D3D7C5 and to #C5D3D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C8D4
#D3C8D4
#D2C8D5
#D2C8D5
#D2C7D6
#D1C7D6
#D1C7D7
#D3CBD1
#D2CBD2
#D2CAD3
#D1CAD4
#D0CAD5
#D0C9D6
#CFC9D7
#D3CECE
#D2CECF
#D1CDD1
#D0CDD2
#CFCDD4
#CDCCD5
#CCCCD7
#D3D1CB
#D2D1CD
#D0D0CF
#CFD0D1
#CDCFD3
#CCCFD5
#CACED7
#D3D3C9
#D1D3CB
#CFD2CD
#CED2D0
#CCD1D2
#CAD1D4
#C8D0D7
#D3D7C5
#D1D6C8
#CFD6CB
#CCD5CE
#CAD4D1
#C8D4D3
#C5D3D7
Colorpallet from #D3C5D7 to #D3D7C5 and to #C5D7D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C8D4
#D3C8D4
#D2C8D5
#D2C8D5
#D2C8D5
#D1C8D6
#D1C8D6
#D3CBD1
#D2CBD2
#D2CBD3
#D1CBD3
#D0CBD4
#D0CBD5
#CFCBD6
#D3CECE
#D2CECF
#D1CED0
#D0CED1
#CFCED2
#CDCED4
#CCCED5
#D3D1CB
#D2D1CC
#D0D1CE
#CFD1CF
#CDD1D1
#CCD1D2
#CAD1D4
#D3D3C9
#D1D3CB
#CFD3CD
#CED3CE
#CCD3D0
#CAD3D2
#C8D3D4
#D3D7C5
#D1D7C7
#CFD7C9
#CCD7CC
#CAD7CE
#C8D7D0
#C5D7D3
Colorpallet from #D3C5D7 to #D3D7C5 and to #D7D3C5
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C8D4
#D3C8D4
#D3C8D4
#D3C8D4
#D4C7D4
#D4C7D4
#D4C7D4
#D3CBD1
#D3CBD1
#D3CAD1
#D3CAD1
#D4CAD1
#D4C9D1
#D4C9D1
#D3CECE
#D3CECE
#D4CDCE
#D4CDCE
#D4CDCE
#D5CCCE
#D5CCCE
#D3D1CB
#D3D1CB
#D4D0CB
#D4D0CB
#D5CFCB
#D5CFCB
#D6CECB
#D3D3C9
#D3D3C9
#D4D2C9
#D4D2C9
#D5D1C9
#D5D1C9
#D6D0C9
#D3D7C5
#D4D6C5
#D4D6C5
#D5D5C5
#D6D4C5
#D6D4C5
#D7D3C5
Colorpallet from #D3C5D7 to #D3D7C5 and to #D7C5D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C8D4
#D3C8D4
#D3C7D5
#D3C7D5
#D4C6D5
#D4C6D6
#D4C5D6
#D3CBD1
#D3CAD2
#D3C9D3
#D3C8D3
#D4C7D4
#D4C6D5
#D4C5D6
#D3CECE
#D3CDCF
#D4CBD0
#D4CAD1
#D4C8D2
#D5C7D4
#D5C5D5
#D3D1CB
#D3CFCC
#D4CDCE
#D4CBCF
#D5C9D1
#D5C7D2
#D6C5D4
#D3D3C9
#D3D1CB
#D4CFCD
#D4CCCE
#D5CAD0
#D5C8D2
#D6C5D4
#D3D7C5
#D4D4C7
#D4D1C9
#D5CECC
#D6CBCE
#D6C9D0
#D7C5D3
Colorpallet from #D3C5D7 to #C5D3D7 and to #C5D7D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D1C7D7
#D1C7D7
#D1C7D7
#D1C7D7
#D1C8D6
#D1C8D6
#D1C8D6
#CFC9D7
#CFC9D7
#CFCAD7
#CFCAD7
#CFCAD6
#CFCBD6
#CFCBD6
#CCCCD7
#CCCCD7
#CCCDD6
#CCCDD6
#CCCDD6
#CCCED5
#CCCED5
#CACED7
#CACED7
#CACFD6
#CACFD6
#CAD0D5
#CAD0D5
#CAD1D4
#C8D0D7
#C8D0D7
#C8D1D6
#C8D1D6
#C8D2D5
#C8D2D5
#C8D3D4
#C5D3D7
#C5D4D6
#C5D4D6
#C5D5D5
#C5D6D4
#C5D6D4
#C5D7D3
Colorpallet from #D3C5D7 to #C5D3D7 and to #D7D3C5
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D1C7D7
#D1C7D7
#D2C7D6
#D2C7D6
#D3C7D5
#D3C7D5
#D4C7D4
#CFC9D7
#D0C9D6
#D1C9D5
#D1C9D4
#D2C9D3
#D3C9D2
#D4C9D1
#CCCCD7
#CDCCD6
#CFCCD4
#D0CCD3
#D2CCD1
#D3CCD0
#D5CCCE
#CACED7
#CCCED5
#CECED3
#D0CED1
#D2CECF
#D4CECD
#D6CECB
#C8D0D7
#CAD0D5
#CCD0D3
#CFD0D0
#D1D0CE
#D3D0CC
#D6D0C9
#C5D3D7
#C8D3D4
#CBD3D1
#CED3CE
#D1D3CB
#D3D3C9
#D7D3C5
Colorpallet from #D3C5D7 to #C5D3D7 and to #D7C5D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D1C7D7
#D1C7D7
#D2C6D7
#D2C6D7
#D3C6D6
#D3C5D6
#D4C5D6
#CFC9D7
#D0C8D7
#D1C8D7
#D1C7D7
#D2C6D6
#D3C6D6
#D4C5D6
#CCCCD7
#CDCBD7
#CFCAD6
#D0C9D6
#D2C8D6
#D3C6D5
#D5C5D5
#CACED7
#CCCDD7
#CECBD6
#D0CAD6
#D2C8D5
#D4C7D5
#D6C5D4
#C8D0D7
#CACED7
#CCCCD6
#CFCBD6
#D1C9D5
#D3C7D5
#D6C5D4
#C5D3D7
#C8D1D6
#CBCFD6
#CECCD5
#D1CAD4
#D3C8D4
#D7C5D3
Colorpallet from #D3C5D7 to #C5D7D3 and to #D7D3C5
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D1C8D6
#D1C8D6
#D2C8D5
#D2C8D5
#D3C7D5
#D3C7D4
#D4C7D4
#CFCBD6
#D0CBD5
#D1CAD4
#D1CAD4
#D2CAD3
#D3C9D2
#D4C9D1
#CCCED5
#CDCED4
#CFCDD3
#D0CDD2
#D2CDD1
#D3CCCF
#D5CCCE
#CAD1D4
#CCD1D3
#CED0D1
#D0D0D0
#D2CFCE
#D4CFCD
#D6CECB
#C8D3D4
#CAD3D2
#CCD2D0
#CFD2CF
#D1D1CD
#D3D1CB
#D6D0C9
#C5D7D3
#C8D6D1
#CBD6CF
#CED5CC
#D1D4CA
#D3D4C8
#D7D3C5
Colorpallet from #D3C5D7 to #C5D7D3 and to #D7C5D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D1C8D6
#D1C8D6
#D2C7D6
#D2C7D6
#D3C6D6
#D3C6D6
#D4C5D6
#CFCBD6
#D0CAD6
#D1C9D6
#D1C8D6
#D2C7D6
#D3C6D6
#D4C5D6
#CCCED5
#CDCDD5
#CFCBD5
#D0CAD5
#D2C8D5
#D3C7D5
#D5C5D5
#CAD1D4
#CCCFD4
#CECDD4
#D0CBD4
#D2C9D4
#D4C7D4
#D6C5D4
#C8D3D4
#CAD1D4
#CCCFD4
#CFCCD4
#D1CAD4
#D3C8D4
#D6C5D4
#C5D7D3
#C8D4D3
#CBD1D3
#CECED3
#D1CBD3
#D3C9D3
#D7C5D3
Colorpallet from #D3C5D7 to #D7D3C5 and to #D7C5D3
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D3C5D7
#D4C7D4
#D4C7D4
#D4C6D5
#D4C6D5
#D4C6D5
#D4C5D6
#D4C5D6
#D4C9D1
#D4C8D2
#D4C8D3
#D4C7D3
#D4C6D4
#D4C6D5
#D4C5D6
#D5CCCE
#D5CBCF
#D5CAD0
#D5C9D1
#D5C8D2
#D5C6D4
#D5C5D5
#D6CECB
#D6CDCC
#D6CBCE
#D6CACF
#D6C8D1
#D6C7D2
#D6C5D4
#D6D0C9
#D6CECB
#D6CCCD
#D6CBCE
#D6C9D0
#D6C7D2
#D6C5D4
#D7D3C5
#D7D1C7
#D7CFC9
#D7CCCC
#D7CACE
#D7C8D0
#D7C5D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
