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 #C3E3E0 to #C3E0E3 and to #E3C3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C4E2E0
#C5E1E0
#C5E1E0
#C6E0E0
#C7DFE0
#C8DEE0
#C3E2E1
#C5E1E1
#C6DFE1
#C8DEE1
#C9DCE0
#CBDBE0
#CDD9E0
#C3E2E1
#C5E0E1
#C8DEE1
#CADBE1
#CDD9E0
#CFD7E0
#D2D4E0
#C3E1E2
#C6DEE2
#C9DBE1
#CDD8E1
#D0D5E1
#D3D3E0
#D7CFE0
#C3E1E2
#C7DDE2
#CBD9E1
#CFD5E1
#D4D2E1
#D8CEE0
#DDC9E0
#C3E0E3
#C8DBE3
#CDD7E2
#D2D2E2
#D7CDE1
#DDC9E1
#E3C3E0
Colorpallet from #C3E3E0 to #C3E0E3 and to #E3E0C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C4E3DF
#C5E3DE
#C5E3DE
#C6E3DD
#C7E3DC
#C8E3DB
#C3E2E1
#C5E2DF
#C6E2DE
#C8E2DC
#C9E2DB
#CBE2D9
#CDE2D7
#C3E2E1
#C5E2DF
#C8E2DC
#CAE2DA
#CDE2D7
#CFE2D5
#D2E2D2
#C3E1E2
#C6E1DF
#C9E1DB
#CDE1D8
#D0E1D5
#D3E1D1
#D7E1CD
#C3E1E2
#C7E1DE
#CBE1DA
#CFE1D6
#D4E1D2
#D8E1CE
#DDE1C9
#C3E0E3
#C8E0DE
#CDE0D9
#D2E0D4
#D7E0CF
#DDE0C9
#E3E0C3
Colorpallet from #C3E3E0 to #C3E0E3 and to #E0C3E3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C4E2E0
#C5E1E0
#C5E1E0
#C6E0E0
#C7DFE0
#C8DEE0
#C3E2E1
#C4E1E1
#C6DFE1
#C7DEE1
#C9DCE1
#CADBE1
#CCD9E1
#C3E2E1
#C5E0E1
#C7DEE1
#CADBE1
#CCD9E1
#CED7E1
#D1D4E1
#C3E1E2
#C6DEE2
#C9DBE2
#CCD8E2
#CFD5E2
#D2D3E2
#D6CFE2
#C3E1E2
#C7DDE2
#CAD9E2
#CED5E2
#D2D2E2
#D5CEE2
#DAC9E2
#C3E0E3
#C8DBE3
#CCD7E3
#D1D2E3
#D6CDE3
#DAC9E3
#E0C3E3
Colorpallet from #C3E3E0 to #C3E0E3 and to #E0E3C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C4E3DF
#C5E3DE
#C5E3DE
#C6E3DD
#C7E3DC
#C8E3DB
#C3E2E1
#C4E2DF
#C6E2DE
#C7E2DC
#C9E3DB
#CAE3D9
#CCE3D7
#C3E2E1
#C5E2DF
#C7E2DC
#CAE2DA
#CCE3D7
#CEE3D5
#D1E3D2
#C3E1E2
#C6E1DF
#C9E2DB
#CCE2D8
#CFE2D5
#D2E3D1
#D6E3CD
#C3E1E2
#C7E1DE
#CAE2DA
#CEE2D6
#D2E2D2
#D5E3CE
#DAE3C9
#C3E0E3
#C8E0DE
#CCE1D9
#D1E1D4
#D6E2CF
#DAE2C9
#E0E3C3
Colorpallet from #C3E3E0 to #E3C3E0 and to #E3E0C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E0DE
#C8E1DD
#C8E2DC
#C8E3DB
#CDD9E0
#CDDADF
#CDDCDD
#CDDDDC
#CDDFDA
#CDE0D9
#CDE2D7
#D2D4E0
#D2D6DE
#D2D8DC
#D2DBD9
#D2DDD7
#D2DFD5
#D2E2D2
#D7CFE0
#D7D2DD
#D7D5DA
#D7D8D7
#D7DBD4
#D7DDD1
#D7E1CD
#DDC9E0
#DDCDDC
#DDD1D9
#DDD5D5
#DDD8D1
#DDDCCE
#DDE1C9
#E3C3E0
#E3C8DB
#E3CCD7
#E3D1D2
#E3D6CD
#E3DAC9
#E3E0C3
Colorpallet from #C3E3E0 to #E3C3E0 and to #E0C3E3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8DEE0
#C8DEE0
#C8DEE0
#C8DEE0
#C8DEE0
#C8DEE0
#C8DEE0
#CDD9E0
#CDD9E0
#CDD9E0
#CDD9E0
#CCD9E1
#CCD9E1
#CCD9E1
#D2D4E0
#D2D4E0
#D2D4E0
#D2D4E0
#D1D4E1
#D1D4E1
#D1D4E1
#D7CFE0
#D7CFE0
#D7CFE1
#D7CFE1
#D6CFE1
#D6CFE2
#D6CFE2
#DDC9E0
#DDC9E0
#DCC9E1
#DCC9E1
#DBC9E1
#DBC9E2
#DAC9E2
#E3C3E0
#E3C3E0
#E2C3E1
#E2C3E1
#E1C3E2
#E1C3E2
#E0C3E3
Colorpallet from #C3E3E0 to #E3C3E0 and to #E0E3C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E0DE
#C8E1DD
#C8E2DC
#C8E3DB
#CDD9E0
#CDDBDF
#CDDCDD
#CDDEDC
#CCDFDA
#CCE1D9
#CCE3D7
#D2D4E0
#D2D6DE
#D2D9DC
#D2DBD9
#D1DED7
#D1E0D5
#D1E3D2
#D7CFE0
#D7D2DD
#D7D5DA
#D7D9D7
#D6DCD4
#D6DFD1
#D6E3CD
#DDC9E0
#DDCDDC
#DCD1D9
#DCD5D5
#DBDAD1
#DBDECE
#DAE3C9
#E3C3E0
#E3C8DB
#E2CDD7
#E2D2D2
#E1D7CD
#E1DDC9
#E0E3C3
Colorpallet from #C3E3E0 to #E3E0C3 and to #E0C3E3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8E3DB
#C8E2DC
#C8E1DD
#C8E1DD
#C8E0DE
#C8DFDF
#C8DEE0
#CDE2D7
#CDE1D9
#CDDFDA
#CDDEDC
#CCDCDD
#CCDBDF
#CCD9E1
#D2E2D2
#D2E0D4
#D2DED7
#D2DBD9
#D1D9DC
#D1D7DE
#D1D4E1
#D7E1CD
#D7DED0
#D7DBD4
#D7D8D7
#D6D5DA
#D6D3DE
#D6CFE2
#DDE1C9
#DDDDCD
#DCD9D1
#DCD5D5
#DBD2D9
#DBCEDD
#DAC9E2
#E3E0C3
#E3DBC8
#E2D7CD
#E2D2D2
#E1CDD7
#E1C9DD
#E0C3E3
Colorpallet from #C3E3E0 to #E3E0C3 and to #E0E3C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8E3DB
#C8E3DB
#C8E3DB
#C8E3DB
#C8E3DB
#C8E3DB
#C8E3DB
#CDE2D7
#CDE2D7
#CDE2D7
#CDE2D7
#CCE3D7
#CCE3D7
#CCE3D7
#D2E2D2
#D2E2D2
#D2E2D2
#D2E2D2
#D1E3D2
#D1E3D2
#D1E3D2
#D7E1CD
#D7E1CD
#D7E2CD
#D7E2CD
#D6E2CD
#D6E3CD
#D6E3CD
#DDE1C9
#DDE1C9
#DCE2C9
#DCE2C9
#DBE2C9
#DBE3C9
#DAE3C9
#E3E0C3
#E3E0C3
#E2E1C3
#E2E1C3
#E1E2C3
#E1E2C3
#E0E3C3
Colorpallet from #C3E3E0 to #E0C3E3 and to #E0E3C3
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C3E3E0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E0DE
#C8E1DD
#C8E2DC
#C8E3DB
#CCD9E1
#CCDBDF
#CCDCDE
#CCDEDC
#CCDFDB
#CCE1D9
#CCE3D7
#D1D4E1
#D1D6DF
#D1D9DC
#D1DBDA
#D1DED7
#D1E0D5
#D1E3D2
#D6CFE2
#D6D2DF
#D6D5DB
#D6D9D8
#D6DCD5
#D6DFD1
#D6E3CD
#DAC9E2
#DACDDE
#DAD1DA
#DAD5D6
#DADAD2
#DADECE
#DAE3C9
#E0C3E3
#E0C8DE
#E0CDD9
#E0D2D4
#E0D7CF
#E0DDC9
#E0E3C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts