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 #C4DDE8 to #C4E8DD and to #DDC4E8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DFE6
#C5DEE6
#C5DDE7
#C6DCE7
#C7DBE7
#C7DAE8
#C8D9E8
#C4E1E4
#C5DFE5
#C7DDE5
#C8DBE6
#C9D9E7
#CAD7E7
#CCD5E8
#C4E2E3
#C6DFE4
#C8DDE5
#CADAE5
#CCD7E6
#CED4E7
#D0D1E8
#C4E4E1
#C7E0E2
#C9DDE3
#CCD9E4
#CED5E5
#D1D2E7
#D4CDE8
#C4E6DF
#C7E1E0
#CADDE2
#CED8E3
#D1D3E5
#D4CFE6
#D8C9E8
#C4E8DD
#C8E2DF
#CCDCE1
#D0D7E2
#D4D1E4
#D8CBE6
#DDC4E8
Colorpallet from #C4DDE8 to #C4E8DD and to #DDE8C4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DFE6
#C5DFE5
#C5DFE5
#C6DFE4
#C7DFE3
#C7DFE3
#C8DFE2
#C4E1E4
#C5E1E3
#C7E1E1
#C8E1E0
#C9E1DF
#CAE1DE
#CCE1DC
#C4E2E3
#C6E2E1
#C8E2DF
#CAE2DD
#CCE2DB
#CEE2D9
#D0E2D7
#C4E4E1
#C7E4DE
#C9E4DC
#CCE4D9
#CEE4D7
#D1E4D4
#D4E4D1
#C4E6DF
#C7E6DC
#CAE6D9
#CEE6D5
#D1E6D2
#D4E6CF
#D8E6CB
#C4E8DD
#C8E8D9
#CCE8D5
#D0E8D1
#D4E8CD
#D8E8C9
#DDE8C4
Colorpallet from #C4DDE8 to #C4E8DD and to #E8C4DD
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DFE6
#C5DEE6
#C6DDE6
#C7DCE6
#C8DBE6
#C9DAE6
#CAD9E6
#C4E1E4
#C6DFE4
#C8DDE4
#CADBE4
#CCD9E4
#CED7E4
#D0D5E4
#C4E2E3
#C7DFE3
#C9DDE3
#CCDAE3
#CFD7E3
#D2D4E3
#D5D1E3
#C4E4E1
#C8E0E1
#CBDDE1
#CFD9E1
#D3D5E1
#D6D2E1
#DBCDE1
#C4E6DF
#C9E1DF
#CDDDDF
#D2D8DF
#D7D3DF
#DBCFDF
#E1C9DF
#C4E8DD
#CAE2DD
#D0DCDD
#D5D7DD
#DBD1DD
#E1CBDD
#E8C4DD
Colorpallet from #C4DDE8 to #C4E8DD and to #E8DDC4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DFE6
#C5DFE5
#C6DEE5
#C7DEE4
#C8DEE3
#C9DDE3
#CADDE2
#C4E1E4
#C6E0E3
#C8E0E1
#CADFE0
#CCDEDF
#CEDEDE
#D0DDDC
#C4E2E3
#C7E1E1
#C9E0DF
#CCE0DD
#CFDFDB
#D2DED9
#D5DDD7
#C4E4E1
#C8E3DE
#CBE2DC
#CFE1D9
#D3E0D7
#D6DED4
#DBDDD1
#C4E6DF
#C9E5DC
#CDE3D9
#D2E2D5
#D7E0D2
#DBDFCF
#E1DDCB
#C4E8DD
#CAE6D9
#D0E4D5
#D5E3D1
#DBE1CD
#E1DFC9
#E8DDC4
Colorpallet from #C4DDE8 to #DDC4E8 and to #DDE8C4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C8D9E8
#C8DAE7
#C8DBE6
#C8DCE5
#C8DDE4
#C8DEE3
#C8DFE2
#CCD5E8
#CCD7E6
#CCD9E4
#CCDBE2
#CCDDE0
#CCDFDE
#CCE1DC
#D0D1E8
#D0D4E5
#D0D6E3
#D0D9E0
#D0DCDD
#D0DFDA
#D0E2D7
#D4CDE8
#D4D1E4
#D4D4E1
#D4D8DD
#D4DCD9
#D4DFD6
#D4E4D1
#D8C9E8
#D8CEE3
#D8D2DF
#D8D7DA
#D8DCD5
#D8E0D1
#D8E6CB
#DDC4E8
#DDCAE2
#DDD0DC
#DDD5D7
#DDDBD1
#DDE1CB
#DDE8C4
Colorpallet from #C4DDE8 to #DDC4E8 and to #E8C4DD
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C8D9E8
#C8D9E8
#C9D9E7
#C9D9E7
#C9D9E7
#CAD9E6
#CAD9E6
#CCD5E8
#CDD5E7
#CDD5E7
#CED5E6
#CFD5E5
#CFD5E5
#D0D5E4
#D0D1E8
#D1D1E7
#D2D1E6
#D2D1E6
#D3D1E5
#D4D1E4
#D5D1E3
#D4CDE8
#D5CDE7
#D6CDE6
#D7CDE5
#D8CDE4
#DACDE2
#DBCDE1
#D8C9E8
#D9C9E7
#DBC9E5
#DCC9E4
#DEC9E2
#DFC9E1
#E1C9DF
#DDC4E8
#DFC4E6
#E1C4E4
#E2C4E3
#E4C4E1
#E6C4DF
#E8C4DD
Colorpallet from #C4DDE8 to #DDC4E8 and to #E8DDC4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C8D9E8
#C8DAE7
#C9DAE6
#C9DBE5
#C9DCE4
#CADCE3
#CADDE2
#CCD5E8
#CDD6E6
#CDD8E4
#CED9E2
#CFDAE0
#CFDBDE
#D0DDDC
#D0D1E8
#D1D3E5
#D2D5E3
#D2D7E0
#D3D9DD
#D4DBDA
#D5DDD7
#D4CDE8
#D5D0E4
#D6D2E1
#D7D5DD
#D8D7D9
#DADAD6
#DBDDD1
#D8C9E8
#D9CCE3
#DBCFDF
#DCD3DA
#DED6D5
#DFD9D1
#E1DDCB
#DDC4E8
#DFC8E2
#E1CCDC
#E2D0D7
#E4D4D1
#E6D8CB
#E8DDC4
Colorpallet from #C4DDE8 to #DDE8C4 and to #E8C4DD
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C8DFE2
#C8DEE3
#C9DDE3
#C9DCE4
#C9DBE5
#CADAE5
#CAD9E6
#CCE1DC
#CDDFDD
#CDDDDF
#CEDBE0
#CFD9E1
#CFD7E2
#D0D5E4
#D0E2D7
#D1DFD9
#D2DDDB
#D2DADD
#D3D7DF
#D4D4E1
#D5D1E3
#D4E4D1
#D5E0D4
#D6DDD6
#D7D9D9
#D8D5DB
#DAD2DE
#DBCDE1
#D8E6CB
#D9E1CE
#DBDDD1
#DCD8D5
#DED3D8
#DFCFDB
#E1C9DF
#DDE8C4
#DFE2C8
#E1DCCC
#E2D7D0
#E4D1D4
#E6CBD8
#E8C4DD
Colorpallet from #C4DDE8 to #DDE8C4 and to #E8DDC4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C8DFE2
#C8DFE2
#C9DEE2
#C9DEE2
#C9DEE2
#CADDE2
#CADDE2
#CCE1DC
#CDE0DC
#CDE0DC
#CEDFDC
#CFDEDC
#CFDEDC
#D0DDDC
#D0E2D7
#D1E1D7
#D2E0D7
#D2E0D7
#D3DFD7
#D4DED7
#D5DDD7
#D4E4D1
#D5E3D1
#D6E2D1
#D7E1D1
#D8E0D1
#DADED1
#DBDDD1
#D8E6CB
#D9E5CB
#DBE3CB
#DCE2CB
#DEE0CB
#DFDFCB
#E1DDCB
#DDE8C4
#DFE6C4
#E1E4C4
#E2E3C4
#E4E1C4
#E6DFC4
#E8DDC4
Colorpallet from #C4DDE8 to #E8C4DD and to #E8DDC4
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#C4DDE8
#CAD9E6
#CADAE5
#CADAE5
#CADBE4
#CADCE3
#CADCE3
#CADDE2
#D0D5E4
#D0D6E3
#D0D8E1
#D0D9E0
#D0DADF
#D0DBDE
#D0DDDC
#D5D1E3
#D5D3E1
#D5D5DF
#D5D7DD
#D5D9DB
#D5DBD9
#D5DDD7
#DBCDE1
#DBD0DE
#DBD2DC
#DBD5D9
#DBD7D7
#DBDAD4
#DBDDD1
#E1C9DF
#E1CCDC
#E1CFD9
#E1D3D5
#E1D6D2
#E1D9CF
#E1DDCB
#E8C4DD
#E8C8D9
#E8CCD5
#E8D0D1
#E8D4CD
#E8D8C9
#E8DDC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts