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 #C2E8E0 to #C2E0E8 and to #E8C2E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E7E1
#C3E6E1
#C4E5E1
#C5E5E1
#C6E4E0
#C7E3E0
#C8E2E0
#C2E5E3
#C4E4E3
#C6E2E2
#C8E1E2
#CADFE1
#CCDEE1
#CEDCE0
#C2E4E4
#C5E2E3
#C8E0E3
#CBDDE2
#CEDBE1
#D0D9E1
#D4D6E0
#C2E3E5
#C6E0E4
#CADDE3
#CEDAE3
#D1D7E2
#D5D4E1
#DAD0E0
#C2E2E6
#C7DEE5
#CCDAE4
#D0D6E3
#D5D3E2
#DACFE1
#E0CAE0
#C2E0E8
#C8DBE7
#CED6E5
#D4D2E4
#DACDE3
#E0C8E2
#E8C2E0
Colorpallet from #C2E8E0 to #C2E0E8 and to #E8E0C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E7E1
#C3E7E0
#C4E7DF
#C5E7DE
#C6E7DD
#C7E7DC
#C8E7DB
#C2E5E3
#C4E5E1
#C6E5DF
#C8E5DD
#CAE5DB
#CCE5D9
#CEE5D6
#C2E4E4
#C5E4E1
#C8E4DE
#CBE4DB
#CEE4D8
#D0E4D6
#D4E4D2
#C2E3E5
#C6E3E1
#CAE3DD
#CEE3D9
#D1E3D6
#D5E3D2
#DAE3CD
#C2E2E6
#C7E2E1
#CCE2DC
#D0E2D8
#D5E2D3
#DAE2CE
#E0E2C8
#C2E0E8
#C8E0E2
#CEE0DC
#D4E0D6
#DAE0D0
#E0E0CA
#E8E0C2
Colorpallet from #C2E8E0 to #C2E0E8 and to #E0C2E8
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E7E1
#C3E6E1
#C4E5E1
#C4E5E1
#C5E4E1
#C6E3E1
#C7E2E1
#C2E5E3
#C4E4E3
#C5E2E3
#C7E1E3
#C8DFE3
#CADEE3
#CCDCE3
#C2E4E4
#C4E2E4
#C6E0E4
#C9DDE4
#CBDBE4
#CDD9E4
#D0D6E4
#C2E3E5
#C5E0E5
#C8DDE5
#CBDAE5
#CED7E5
#D1D4E5
#D5D0E5
#C2E2E6
#C6DEE6
#CADAE6
#CED6E6
#D1D3E6
#D5CFE6
#DACAE6
#C2E0E8
#C7DBE8
#CCD6E8
#D0D2E8
#D5CDE8
#DAC8E8
#E0C2E8
Colorpallet from #C2E8E0 to #C2E0E8 and to #E0E8C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E7E1
#C3E7E0
#C4E7DF
#C4E7DE
#C5E8DD
#C6E8DC
#C7E8DB
#C2E5E3
#C4E5E1
#C5E6DF
#C7E6DD
#C8E7DB
#CAE7D9
#CCE8D6
#C2E4E4
#C4E5E1
#C6E5DE
#C9E6DB
#CBE7D8
#CDE7D6
#D0E8D2
#C2E3E5
#C5E4E1
#C8E5DD
#CBE5D9
#CEE6D6
#D1E7D2
#D5E8CD
#C2E2E6
#C6E3E1
#CAE4DC
#CEE5D8
#D1E6D3
#D5E7CE
#DAE8C8
#C2E0E8
#C7E1E2
#CCE3DC
#D0E4D6
#D5E5D0
#DAE6CA
#E0E8C2
Colorpallet from #C2E8E0 to #E8C2E0 and to #E8E0C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C8E2E0
#C8E3DF
#C8E4DE
#C8E4DE
#C8E5DD
#C8E6DC
#C8E7DB
#CEDCE0
#CEDDDE
#CEDFDD
#CEE0DB
#CEE2DA
#CEE3D8
#CEE5D6
#D4D6E0
#D4D8DE
#D4DADC
#D4DDD9
#D4DFD7
#D4E1D5
#D4E4D2
#DAD0E0
#DAD3DD
#DAD6DA
#DAD9D7
#DADCD4
#DADFD1
#DAE3CD
#E0CAE0
#E0CEDC
#E0D2D8
#E0D6D4
#E0D9D1
#E0DDCD
#E0E2C8
#E8C2E0
#E8C7DB
#E8CCD6
#E8D0D2
#E8D5CD
#E8DAC8
#E8E0C2
Colorpallet from #C2E8E0 to #E8C2E0 and to #E0C2E8
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C8E2E0
#C8E2E0
#C8E2E0
#C8E2E0
#C7E2E1
#C7E2E1
#C7E2E1
#CEDCE0
#CEDCE0
#CDDCE1
#CDDCE1
#CDDCE2
#CCDCE2
#CCDCE3
#D4D6E0
#D3D6E1
#D3D6E1
#D2D6E2
#D1D6E3
#D1D6E3
#D0D6E4
#DAD0E0
#D9D0E1
#D8D0E2
#D8D0E2
#D7D0E3
#D6D0E4
#D5D0E5
#E0CAE0
#DFCAE1
#DECAE2
#DDCAE3
#DCCAE4
#DBCAE5
#DACAE6
#E8C2E0
#E7C2E1
#E5C2E3
#E4C2E4
#E3C2E5
#E2C2E6
#E0C2E8
Colorpallet from #C2E8E0 to #E8C2E0 and to #E0E8C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C8E2E0
#C8E3DF
#C8E4DE
#C8E5DE
#C7E6DD
#C7E7DC
#C7E8DB
#CEDCE0
#CEDEDE
#CDE0DD
#CDE2DB
#CDE4DA
#CCE6D8
#CCE8D6
#D4D6E0
#D3D9DE
#D3DCDC
#D2DFD9
#D1E2D7
#D1E4D5
#D0E8D2
#DAD0E0
#D9D4DD
#D8D8DA
#D8DCD7
#D7DFD4
#D6E3D1
#D5E8CD
#E0CAE0
#DFCFDC
#DED4D8
#DDD8D4
#DCDDD1
#DBE2CD
#DAE8C8
#E8C2E0
#E7C8DB
#E5CED6
#E4D4D2
#E3DACD
#E2E0C8
#E0E8C2
Colorpallet from #C2E8E0 to #E8E0C2 and to #E0C2E8
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C8E7DB
#C8E6DC
#C8E5DD
#C8E5DE
#C7E4DF
#C7E3E0
#C7E2E1
#CEE5D6
#CEE4D8
#CDE2DA
#CDE1DC
#CDDFDE
#CCDEE0
#CCDCE3
#D4E4D2
#D3E2D5
#D3E0D8
#D2DDDB
#D1DBDE
#D1D9E0
#D0D6E4
#DAE3CD
#D9E0D1
#D8DDD5
#D8DAD9
#D7D7DC
#D6D4E0
#D5D0E5
#E0E2C8
#DFDECD
#DEDAD2
#DDD6D6
#DCD3DB
#DBCFE0
#DACAE6
#E8E0C2
#E7DBC8
#E5D6CE
#E4D2D4
#E3CDDA
#E2C8E0
#E0C2E8
Colorpallet from #C2E8E0 to #E8E0C2 and to #E0E8C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C8E7DB
#C8E7DB
#C8E7DB
#C8E7DB
#C7E8DB
#C7E8DB
#C7E8DB
#CEE5D6
#CEE5D6
#CDE6D6
#CDE6D6
#CDE7D6
#CCE7D6
#CCE8D6
#D4E4D2
#D3E5D2
#D3E5D2
#D2E6D2
#D1E7D2
#D1E7D2
#D0E8D2
#DAE3CD
#D9E4CD
#D8E5CD
#D8E5CD
#D7E6CD
#D6E7CD
#D5E8CD
#E0E2C8
#DFE3C8
#DEE4C8
#DDE5C8
#DCE6C8
#DBE7C8
#DAE8C8
#E8E0C2
#E7E1C2
#E5E3C2
#E4E4C2
#E3E5C2
#E2E6C2
#E0E8C2
Colorpallet from #C2E8E0 to #E0C2E8 and to #E0E8C2
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C2E8E0
#C7E2E1
#C7E3E0
#C7E4DF
#C7E5DE
#C7E6DD
#C7E7DC
#C7E8DB
#CCDCE3
#CCDEE1
#CCE0DF
#CCE2DD
#CCE4DB
#CCE6D9
#CCE8D6
#D0D6E4
#D0D9E1
#D0DCDE
#D0DFDB
#D0E2D8
#D0E4D6
#D0E8D2
#D5D0E5
#D5D4E1
#D5D8DD
#D5DCD9
#D5DFD6
#D5E3D2
#D5E8CD
#DACAE6
#DACFE1
#DAD4DC
#DAD8D8
#DADDD3
#DAE2CE
#DAE8C8
#E0C2E8
#E0C8E2
#E0CEDC
#E0D4D6
#E0DAD0
#E0E0CA
#E0E8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts