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 #C2E1E2 to #C2E2E1 and to #E1C2E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C3E0E2
#C4DFE2
#C4DFE2
#C5DEE2
#C6DDE2
#C7DCE2
#C2E1E2
#C4DFE2
#C5DEE2
#C7DCE2
#C8DBE2
#CAD9E2
#CCD7E2
#C2E1E2
#C4DFE2
#C7DCE2
#C9DAE2
#CCD7E2
#CED5E2
#D1D2E2
#C2E2E1
#C5DFE1
#C8DBE1
#CCD8E1
#CFD5E2
#D2D1E2
#D6CDE2
#C2E2E1
#C6DEE1
#CADAE1
#CED6E1
#D2D1E2
#D6CDE2
#DBC8E2
#C2E2E1
#C7DDE1
#CCD8E1
#D1D3E1
#D6CEE2
#DBC8E2
#E1C2E2
Colorpallet from #C2E1E2 to #C2E2E1 and to #E1E2C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C3E1E1
#C4E1E0
#C4E1E0
#C5E1DF
#C6E1DE
#C7E1DD
#C2E1E2
#C4E1E0
#C5E1DF
#C7E1DD
#C8E1DC
#CAE1DA
#CCE1D8
#C2E1E2
#C4E1E0
#C7E1DD
#C9E1DB
#CCE1D8
#CEE1D6
#D1E1D3
#C2E2E1
#C5E2DE
#C8E2DB
#CCE2D8
#CFE2D5
#D2E2D2
#D6E2CE
#C2E2E1
#C6E2DD
#CAE2D9
#CEE2D5
#D2E2D1
#D6E2CD
#DBE2C8
#C2E2E1
#C7E2DC
#CCE2D7
#D1E2D2
#D6E2CD
#DBE2C8
#E1E2C2
Colorpallet from #C2E1E2 to #C2E2E1 and to #E2C2E1
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C3E0E2
#C4DFE2
#C4DFE2
#C5DEE2
#C6DDE2
#C7DCE2
#C2E1E2
#C4DFE2
#C5DEE2
#C7DCE2
#C8DBE2
#CAD9E2
#CCD7E2
#C2E1E2
#C4DFE2
#C7DCE2
#C9DAE2
#CCD7E2
#CED5E2
#D1D2E2
#C2E2E1
#C5DFE1
#C8DBE1
#CCD8E1
#CFD5E1
#D2D1E1
#D6CDE1
#C2E2E1
#C6DEE1
#CADAE1
#CED6E1
#D3D1E1
#D7CDE1
#DCC8E1
#C2E2E1
#C7DDE1
#CCD8E1
#D1D3E1
#D6CEE1
#DCC8E1
#E2C2E1
Colorpallet from #C2E1E2 to #C2E2E1 and to #E2E1C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C3E1E1
#C4E1E0
#C4E1E0
#C5E1DF
#C6E1DE
#C7E1DD
#C2E1E2
#C4E1E0
#C5E1DF
#C7E1DD
#C8E1DC
#CAE1DA
#CCE1D8
#C2E1E2
#C4E1E0
#C7E1DD
#C9E1DB
#CCE1D8
#CEE1D6
#D1E1D3
#C2E2E1
#C5E2DE
#C8E2DB
#CCE2D8
#CFE1D5
#D2E1D2
#D6E1CE
#C2E2E1
#C6E2DD
#CAE2D9
#CEE2D5
#D3E1D1
#D7E1CD
#DCE1C8
#C2E2E1
#C7E2DC
#CCE2D7
#D1E2D2
#D6E1CD
#DCE1C8
#E2E1C2
Colorpallet from #C2E1E2 to #E1C2E2 and to #E1E2C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7DCE2
#C7DDE1
#C7DEE0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E1DD
#CCD7E2
#CCD9E0
#CCDADF
#CCDCDD
#CCDDDC
#CCDFDA
#CCE1D8
#D1D2E2
#D1D4E0
#D1D7DD
#D1D9DB
#D1DCD8
#D1DED6
#D1E1D3
#D6CDE2
#D6D0DF
#D6D4DC
#D6D7D8
#D6DAD5
#D6DED2
#D6E2CE
#DBC8E2
#DBCCDE
#DBD0DA
#DBD4D6
#DBD9D1
#DBDDCD
#DBE2C8
#E1C2E2
#E1C7DD
#E1CCD8
#E1D1D3
#E1D6CE
#E1DCC8
#E1E2C2
Colorpallet from #C2E1E2 to #E1C2E2 and to #E2C2E1
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7DCE2
#C7DCE2
#C7DCE2
#C7DCE2
#C7DCE2
#C7DCE2
#C7DCE2
#CCD7E2
#CCD7E2
#CCD7E2
#CCD7E2
#CCD7E2
#CCD7E2
#CCD7E2
#D1D2E2
#D1D2E2
#D1D2E2
#D1D2E2
#D1D2E2
#D1D2E2
#D1D2E2
#D6CDE2
#D6CDE2
#D6CDE2
#D6CDE2
#D6CDE1
#D6CDE1
#D6CDE1
#DBC8E2
#DBC8E2
#DBC8E2
#DBC8E2
#DCC8E1
#DCC8E1
#DCC8E1
#E1C2E2
#E1C2E2
#E1C2E2
#E1C2E2
#E2C2E1
#E2C2E1
#E2C2E1
Colorpallet from #C2E1E2 to #E1C2E2 and to #E2E1C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7DCE2
#C7DDE1
#C7DEE0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E1DD
#CCD7E2
#CCD9E0
#CCDADF
#CCDCDD
#CCDDDC
#CCDFDA
#CCE1D8
#D1D2E2
#D1D4E0
#D1D7DD
#D1D9DB
#D1DCD8
#D1DED6
#D1E1D3
#D6CDE2
#D6D0DF
#D6D3DC
#D6D7D8
#D6DAD5
#D6DDD2
#D6E1CE
#DBC8E2
#DBCCDE
#DBD0DA
#DBD4D6
#DCD8D1
#DCDCCD
#DCE1C8
#E1C2E2
#E1C7DD
#E1CCD8
#E1D1D3
#E2D6CE
#E2DBC8
#E2E1C2
Colorpallet from #C2E1E2 to #E1E2C2 and to #E2C2E1
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7E1DD
#C7E0DE
#C7DFDF
#C7DFDF
#C7DEE0
#C7DDE1
#C7DCE2
#CCE1D8
#CCDFDA
#CCDEDB
#CCDCDD
#CCDBDE
#CCD9E0
#CCD7E2
#D1E1D3
#D1DFD5
#D1DCD8
#D1DADA
#D1D7DD
#D1D5DF
#D1D2E2
#D6E2CE
#D6DFD1
#D6DBD4
#D6D8D7
#D6D5DA
#D6D1DD
#D6CDE1
#DBE2C8
#DBDECC
#DBDAD0
#DBD6D4
#DCD1D8
#DCCDDC
#DCC8E1
#E1E2C2
#E1DDC7
#E1D8CC
#E1D3D1
#E2CED6
#E2C8DB
#E2C2E1
Colorpallet from #C2E1E2 to #E1E2C2 and to #E2E1C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7E1DD
#C7E1DD
#C7E1DD
#C7E1DD
#C7E1DD
#C7E1DD
#C7E1DD
#CCE1D8
#CCE1D8
#CCE1D8
#CCE1D8
#CCE1D8
#CCE1D8
#CCE1D8
#D1E1D3
#D1E1D3
#D1E1D3
#D1E1D3
#D1E1D3
#D1E1D3
#D1E1D3
#D6E2CE
#D6E2CE
#D6E2CE
#D6E2CE
#D6E1CE
#D6E1CE
#D6E1CE
#DBE2C8
#DBE2C8
#DBE2C8
#DBE2C8
#DCE1C8
#DCE1C8
#DCE1C8
#E1E2C2
#E1E2C2
#E1E2C2
#E1E2C2
#E2E1C2
#E2E1C2
#E2E1C2
Colorpallet from #C2E1E2 to #E2C2E1 and to #E2E1C2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C2E1E2
#C7DCE2
#C7DDE1
#C7DEE0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E1DD
#CCD7E2
#CCD9E0
#CCDADF
#CCDCDD
#CCDDDC
#CCDFDA
#CCE1D8
#D1D2E2
#D1D4E0
#D1D7DD
#D1D9DB
#D1DCD8
#D1DED6
#D1E1D3
#D6CDE1
#D6D0DE
#D6D3DB
#D6D7D8
#D6DAD5
#D6DDD2
#D6E1CE
#DCC8E1
#DCCCDD
#DCD0D9
#DCD4D5
#DCD8D1
#DCDCCD
#DCE1C8
#E2C2E1
#E2C7DC
#E2CCD7
#E2D1D2
#E2D6CD
#E2DBC8
#E2E1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts