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 #C8E2E8 to #C8E8E2 and to #E2C8E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E3E7
#C9E2E7
#C9E1E7
#CAE1E7
#CBE0E8
#CBDFE8
#CCDEE8
#C8E4E6
#C9E2E6
#CBE1E7
#CCDFE7
#CDDEE7
#CEDCE8
#D0DAE8
#C8E5E5
#CAE3E5
#CCE0E6
#CEDEE6
#D0DBE7
#D2D9E7
#D4D6E8
#C8E6E4
#CBE3E5
#CDDFE5
#D0DCE6
#D3D9E7
#D6D5E7
#D9D1E8
#C8E7E3
#CBE3E4
#CFDFE5
#D2DBE5
#D5D6E6
#D9D2E7
#DDCDE8
#C8E8E2
#CCE3E3
#D0DEE4
#D4D9E5
#D9D4E6
#DDCEE7
#E2C8E8
Colorpallet from #C8E2E8 to #C8E8E2 and to #E2E8C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E3E7
#C9E3E6
#C9E3E6
#CAE3E5
#CBE3E4
#CBE3E4
#CCE3E3
#C8E4E6
#C9E4E5
#CBE4E3
#CCE4E2
#CDE4E1
#CEE4E0
#D0E4DE
#C8E5E5
#CAE5E3
#CCE5E1
#CEE5DF
#D0E5DD
#D2E5DB
#D4E5D9
#C8E6E4
#CBE6E1
#CDE6DF
#D0E6DC
#D3E6DA
#D6E6D7
#D9E6D4
#C8E7E3
#CBE7E0
#CFE7DC
#D2E7D9
#D5E7D6
#D9E7D2
#DDE7CE
#C8E8E2
#CCE8DE
#D0E8DA
#D4E8D6
#D9E8D1
#DDE8CD
#E2E8C8
Colorpallet from #C8E2E8 to #C8E8E2 and to #E8C8E2
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E3E7
#C9E2E7
#CAE1E7
#CAE1E7
#CBE0E7
#CCDFE7
#CDDEE7
#C8E4E6
#CAE2E6
#CBE1E6
#CDDFE6
#CEDEE6
#D0DCE6
#D2DAE6
#C8E5E5
#CAE3E5
#CDE0E5
#CFDEE5
#D2DBE5
#D4D9E5
#D7D6E5
#C8E6E4
#CBE3E4
#CEDFE4
#D2DCE4
#D5D9E4
#D8D5E4
#DCD1E4
#C8E7E3
#CCE3E3
#D0DFE3
#D4DBE3
#D9D6E3
#DDD2E3
#E2CDE3
#C8E8E2
#CDE3E2
#D2DEE2
#D7D9E2
#DCD4E2
#E2CEE2
#E8C8E2
Colorpallet from #C8E2E8 to #C8E8E2 and to #E8E2C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E3E7
#C9E3E6
#CAE3E6
#CAE3E5
#CBE2E4
#CCE2E4
#CDE2E3
#C8E4E6
#CAE4E5
#CBE3E3
#CDE3E2
#CEE3E1
#D0E2E0
#D2E2DE
#C8E5E5
#CAE5E3
#CDE4E1
#CFE4DF
#D2E3DD
#D4E3DB
#D7E2D9
#C8E6E4
#CBE5E1
#CEE5DF
#D2E4DC
#D5E3DA
#D8E3D7
#DCE2D4
#C8E7E3
#CCE6E0
#D0E5DC
#D4E5D9
#D9E4D6
#DDE3D2
#E2E2CE
#C8E8E2
#CDE7DE
#D2E6DA
#D7E5D6
#DCE4D1
#E2E3CD
#E8E2C8
Colorpallet from #C8E2E8 to #E2C8E8 and to #E2E8C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CCDEE8
#CCDFE7
#CCE0E6
#CCE0E6
#CCE1E5
#CCE2E4
#CCE3E3
#D0DAE8
#D0DCE6
#D0DDE5
#D0DFE3
#D0E0E2
#D0E2E0
#D0E4DE
#D4D6E8
#D4D8E6
#D4DBE3
#D4DDE1
#D4E0DE
#D4E2DC
#D4E5D9
#D9D1E8
#D9D4E5
#D9D8E2
#D9DBDE
#D9DEDB
#D9E2D8
#D9E6D4
#DDCDE8
#DDD1E4
#DDD5E0
#DDD9DC
#DDDED7
#DDE2D3
#DDE7CE
#E2C8E8
#E2CDE3
#E2D2DE
#E2D7D9
#E2DCD4
#E2E2CE
#E2E8C8
Colorpallet from #C8E2E8 to #E2C8E8 and to #E8C8E2
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CCDEE8
#CCDEE8
#CCDEE8
#CCDEE8
#CDDEE7
#CDDEE7
#CDDEE7
#D0DAE8
#D0DAE8
#D1DAE7
#D1DAE7
#D1DAE7
#D2DAE6
#D2DAE6
#D4D6E8
#D4D6E8
#D5D6E7
#D5D6E7
#D6D6E6
#D6D6E6
#D7D6E5
#D9D1E8
#D9D1E7
#DAD1E7
#DAD1E6
#DBD1E5
#DBD1E5
#DCD1E4
#DDCDE8
#DECDE7
#DFCDE6
#DFCDE6
#E0CDE5
#E1CDE4
#E2CDE3
#E2C8E8
#E3C8E7
#E4C8E6
#E5C8E5
#E6C8E4
#E7C8E3
#E8C8E2
Colorpallet from #C8E2E8 to #E2C8E8 and to #E8E2C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CCDEE8
#CCDFE7
#CCDFE6
#CCE0E6
#CDE1E5
#CDE1E4
#CDE2E3
#D0DAE8
#D0DBE6
#D1DDE5
#D1DEE3
#D1DFE2
#D2E0E0
#D2E2DE
#D4D6E8
#D4D8E6
#D5DAE3
#D5DCE1
#D6DEDE
#D6E0DC
#D7E2D9
#D9D1E8
#D9D4E5
#DAD6E2
#DAD9DE
#DBDCDB
#DBDFD8
#DCE2D4
#DDCDE8
#DED0E4
#DFD4E0
#DFD7DC
#E0DAD7
#E1DED3
#E2E2CE
#E2C8E8
#E3CCE3
#E4D0DE
#E5D4D9
#E6D9D4
#E7DDCE
#E8E2C8
Colorpallet from #C8E2E8 to #E2E8C8 and to #E8C8E2
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CCE3E3
#CCE2E4
#CCE1E4
#CCE1E5
#CDE0E6
#CDDFE6
#CDDEE7
#D0E4DE
#D0E2DF
#D1E1E1
#D1DFE2
#D1DEE3
#D2DCE4
#D2DAE6
#D4E5D9
#D4E3DB
#D5E0DD
#D5DEDF
#D6DBE1
#D6D9E3
#D7D6E5
#D9E6D4
#D9E3D7
#DADFD9
#DADCDC
#DBD9DE
#DBD5E1
#DCD1E4
#DDE7CE
#DEE3D1
#DFDFD5
#DFDBD8
#E0D6DB
#E1D2DF
#E2CDE3
#E2E8C8
#E3E3CC
#E4DED0
#E5D9D4
#E6D4D9
#E7CEDD
#E8C8E2
Colorpallet from #C8E2E8 to #E2E8C8 and to #E8E2C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CCE3E3
#CCE3E3
#CCE3E3
#CCE3E3
#CDE2E3
#CDE2E3
#CDE2E3
#D0E4DE
#D0E4DE
#D1E3DE
#D1E3DE
#D1E3DE
#D2E2DE
#D2E2DE
#D4E5D9
#D4E5D9
#D5E4D9
#D5E4D9
#D6E3D9
#D6E3D9
#D7E2D9
#D9E6D4
#D9E5D4
#DAE5D4
#DAE4D4
#DBE3D4
#DBE3D4
#DCE2D4
#DDE7CE
#DEE6CE
#DFE5CE
#DFE5CE
#E0E4CE
#E1E3CE
#E2E2CE
#E2E8C8
#E3E7C8
#E4E6C8
#E5E5C8
#E6E4C8
#E7E3C8
#E8E2C8
Colorpallet from #C8E2E8 to #E8C8E2 and to #E8E2C8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#C8E2E8
#CDDEE7
#CDDFE6
#CDDFE6
#CDE0E5
#CDE1E4
#CDE1E4
#CDE2E3
#D2DAE6
#D2DBE5
#D2DDE3
#D2DEE2
#D2DFE1
#D2E0E0
#D2E2DE
#D7D6E5
#D7D8E3
#D7DAE1
#D7DCDF
#D7DEDD
#D7E0DB
#D7E2D9
#DCD1E4
#DCD4E1
#DCD6DF
#DCD9DC
#DCDCDA
#DCDFD7
#DCE2D4
#E2CDE3
#E2D0E0
#E2D4DC
#E2D7D9
#E2DAD6
#E2DED2
#E2E2CE
#E8C8E2
#E8CCDE
#E8D0DA
#E8D4D6
#E8D9D1
#E8DDCD
#E8E2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts