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 #C2DAD4 to #C2D4DA and to #DAC2D4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2D9D5
#C3D9D5
#C3D8D5
#C4D8D5
#C5D7D4
#C5D7D4
#C6D6D4
#C2D8D6
#C3D7D6
#C5D6D5
#C6D5D5
#C7D4D5
#C8D3D4
#CAD2D4
#C2D7D7
#C4D6D7
#C6D4D6
#C8D3D6
#CAD1D5
#CCD0D5
#CECED4
#C2D6D8
#C4D4D7
#C7D2D7
#C9D1D6
#CCCFD5
#CECDD5
#D1CBD4
#C2D5D9
#C5D3D8
#C8D1D7
#CBCED7
#CECCD6
#D1CAD5
#D5C7D4
#C2D4DA
#C6D1D9
#CACED8
#CECBD7
#D1C8D6
#D5C6D5
#DAC2D4
Colorpallet from #C2DAD4 to #C2D4DA and to #DAD4C2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2D9D5
#C3D9D4
#C3D9D4
#C4D9D3
#C5D9D2
#C5D9D2
#C6D9D1
#C2D8D6
#C3D8D5
#C5D8D3
#C6D8D2
#C7D8D1
#C8D8D0
#CAD8CE
#C2D7D7
#C4D7D5
#C6D7D3
#C8D7D1
#CAD7CF
#CCD7CD
#CED7CB
#C2D6D8
#C4D6D5
#C7D6D3
#C9D6D0
#CCD6CE
#CED6CB
#D1D6C8
#C2D5D9
#C5D5D6
#C8D5D3
#CBD5D0
#CED5CD
#D1D5CA
#D5D5C6
#C2D4DA
#C6D4D6
#CAD4D2
#CED4CE
#D1D4CB
#D5D4C7
#DAD4C2
Colorpallet from #C2DAD4 to #C2D4DA and to #D4C2DA
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2D9D5
#C2D9D5
#C3D8D5
#C3D8D5
#C4D7D5
#C4D7D5
#C5D6D5
#C2D8D6
#C3D7D6
#C4D6D6
#C5D5D6
#C6D4D6
#C7D3D6
#C8D2D6
#C2D7D7
#C3D6D7
#C5D4D7
#C6D3D7
#C8D1D7
#C9D0D7
#CBCED7
#C2D6D8
#C4D4D8
#C6D2D8
#C8D1D8
#CACFD8
#CCCDD8
#CECBD8
#C2D5D9
#C4D3D9
#C6D1D9
#C9CED9
#CBCCD9
#CDCAD9
#D0C7D9
#C2D4DA
#C5D1DA
#C8CEDA
#CBCBDA
#CEC8DA
#D0C6DA
#D4C2DA
Colorpallet from #C2DAD4 to #C2D4DA and to #D4DAC2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2D9D5
#C2D9D4
#C3D9D4
#C3D9D3
#C4DAD2
#C4DAD2
#C5DAD1
#C2D8D6
#C3D8D5
#C4D9D3
#C5D9D2
#C6D9D1
#C7DAD0
#C8DACE
#C2D7D7
#C3D7D5
#C5D8D3
#C6D8D1
#C8D9CF
#C9D9CD
#CBDACB
#C2D6D8
#C4D7D5
#C6D7D3
#C8D8D0
#CAD9CE
#CCD9CB
#CEDAC8
#C2D5D9
#C4D6D6
#C6D7D3
#C9D7D0
#CBD8CD
#CDD9CA
#D0DAC6
#C2D4DA
#C5D5D6
#C8D6D2
#CBD7CE
#CED8CB
#D0D9C7
#D4DAC2
Colorpallet from #C2DAD4 to #DAC2D4 and to #DAD4C2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C6D6D4
#C6D6D4
#C6D7D3
#C6D7D3
#C6D8D2
#C6D8D2
#C6D9D1
#CAD2D4
#CAD3D3
#CAD4D2
#CAD5D1
#CAD6D0
#CAD7CF
#CAD8CE
#CECED4
#CECFD3
#CED1D1
#CED2D0
#CED4CE
#CED5CD
#CED7CB
#D1CBD4
#D1CDD2
#D1CFD0
#D1D0CE
#D1D2CC
#D1D4CA
#D1D6C8
#D5C7D4
#D5C9D2
#D5CBD0
#D5CECD
#D5D0CB
#D5D2C9
#D5D5C6
#DAC2D4
#DAC5D1
#DAC8CE
#DACBCB
#DACEC8
#DAD0C6
#DAD4C2
Colorpallet from #C2DAD4 to #DAC2D4 and to #D4C2DA
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C6D6D4
#C6D6D4
#C6D6D4
#C6D6D4
#C5D6D5
#C5D6D5
#C5D6D5
#CAD2D4
#CAD2D4
#C9D2D5
#C9D2D5
#C9D2D5
#C8D2D6
#C8D2D6
#CECED4
#CECED4
#CDCED5
#CDCED5
#CCCED6
#CCCED6
#CBCED7
#D1CBD4
#D1CBD5
#D0CBD5
#D0CBD6
#CFCBD7
#CFCBD7
#CECBD8
#D5C7D4
#D4C7D5
#D3C7D6
#D3C7D6
#D2C7D7
#D1C7D8
#D0C7D9
#DAC2D4
#D9C2D5
#D8C2D6
#D7C2D7
#D6C2D8
#D5C2D9
#D4C2DA
Colorpallet from #C2DAD4 to #DAC2D4 and to #D4DAC2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C6D6D4
#C6D7D4
#C6D7D3
#C6D8D3
#C5D9D2
#C5D9D2
#C5DAD1
#CAD2D4
#CAD3D3
#C9D5D2
#C9D6D1
#C9D7D0
#C8D8CF
#C8DACE
#CECED4
#CED0D3
#CDD2D1
#CDD4D0
#CCD6CE
#CCD8CD
#CBDACB
#D1CBD4
#D1CDD2
#D0D0D0
#D0D2CE
#CFD5CC
#CFD7CA
#CEDAC8
#D5C7D4
#D4CAD2
#D3CDD0
#D3D0CD
#D2D3CB
#D1D6C9
#D0DAC6
#DAC2D4
#D9C6D1
#D8CACE
#D7CECB
#D6D1C8
#D5D5C6
#D4DAC2
Colorpallet from #C2DAD4 to #DAD4C2 and to #D4C2DA
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C6D9D1
#C6D9D2
#C6D8D2
#C6D8D3
#C5D7D4
#C5D7D4
#C5D6D5
#CAD8CE
#CAD7CF
#C9D6D1
#C9D5D2
#C9D4D3
#C8D3D4
#C8D2D6
#CED7CB
#CED6CD
#CDD4CF
#CDD3D1
#CCD1D3
#CCD0D5
#CBCED7
#D1D6C8
#D1D4CB
#D0D2CD
#D0D1D0
#CFCFD2
#CFCDD5
#CECBD8
#D5D5C6
#D4D3C9
#D3D1CC
#D3CECF
#D2CCD2
#D1CAD5
#D0C7D9
#DAD4C2
#D9D1C6
#D8CECA
#D7CBCE
#D6C8D1
#D5C6D5
#D4C2DA
Colorpallet from #C2DAD4 to #DAD4C2 and to #D4DAC2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C6D9D1
#C6D9D1
#C6D9D1
#C6D9D1
#C5DAD1
#C5DAD1
#C5DAD1
#CAD8CE
#CAD8CE
#C9D9CE
#C9D9CE
#C9D9CE
#C8DACE
#C8DACE
#CED7CB
#CED7CB
#CDD8CB
#CDD8CB
#CCD9CB
#CCD9CB
#CBDACB
#D1D6C8
#D1D7C8
#D0D7C8
#D0D8C8
#CFD9C8
#CFD9C8
#CEDAC8
#D5D5C6
#D4D6C6
#D3D7C6
#D3D7C6
#D2D8C6
#D1D9C6
#D0DAC6
#DAD4C2
#D9D5C2
#D8D6C2
#D7D7C2
#D6D8C2
#D5D9C2
#D4DAC2
Colorpallet from #C2DAD4 to #D4C2DA and to #D4DAC2
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C2DAD4
#C5D6D5
#C5D7D4
#C5D7D4
#C5D8D3
#C5D9D2
#C5D9D2
#C5DAD1
#C8D2D6
#C8D3D5
#C8D5D3
#C8D6D2
#C8D7D1
#C8D8D0
#C8DACE
#CBCED7
#CBD0D5
#CBD2D3
#CBD4D1
#CBD6CF
#CBD8CD
#CBDACB
#CECBD8
#CECDD5
#CED0D3
#CED2D0
#CED5CE
#CED7CB
#CEDAC8
#D0C7D9
#D0CAD6
#D0CDD3
#D0D0D0
#D0D3CD
#D0D6CA
#D0DAC6
#D4C2DA
#D4C6D6
#D4CAD2
#D4CECE
#D4D1CB
#D4D5C7
#D4DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts