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 #C2DDE8 to #C2E8DD and to #DDC2E8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DFE6
#C3DEE6
#C3DDE7
#C4DCE7
#C5DBE7
#C5DAE8
#C6D9E8
#C2E1E4
#C3DFE5
#C5DDE5
#C6DBE6
#C8D9E7
#C9D7E7
#CBD4E8
#C2E2E3
#C4DFE4
#C6DCE5
#C8D9E5
#CAD6E6
#CCD4E7
#CFD0E8
#C2E4E1
#C5E0E2
#C7DCE3
#CAD8E4
#CDD5E5
#D0D1E7
#D3CCE8
#C2E6DF
#C6E1E0
#C9DCE2
#CDD7E3
#D0D2E5
#D4CDE6
#D8C7E8
#C2E8DD
#C6E2DF
#CBDCE1
#CFD6E2
#D3D0E4
#D8CAE6
#DDC2E8
Colorpallet from #C2DDE8 to #C2E8DD and to #DDE8C2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DFE6
#C3DFE5
#C3DFE5
#C4DFE4
#C5DFE3
#C5DFE3
#C6DFE2
#C2E1E4
#C3E1E3
#C5E1E1
#C6E1E0
#C8E1DF
#C9E1DE
#CBE1DC
#C2E2E3
#C4E2E1
#C6E2DF
#C8E2DD
#CAE2DB
#CCE2D9
#CFE2D6
#C2E4E1
#C5E4DE
#C7E4DC
#CAE4D9
#CDE4D6
#D0E4D3
#D3E4D0
#C2E6DF
#C6E6DC
#C9E6D8
#CDE6D5
#D0E6D2
#D4E6CE
#D8E6CA
#C2E8DD
#C6E8D9
#CBE8D4
#CFE8D0
#D3E8CC
#D8E8C7
#DDE8C2
Colorpallet from #C2DDE8 to #C2E8DD and to #E8C2DD
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DFE6
#C3DEE6
#C4DDE6
#C5DCE6
#C6DBE6
#C7DAE6
#C8D9E6
#C2E1E4
#C4DFE4
#C6DDE4
#C8DBE4
#CAD9E4
#CCD7E4
#CED4E4
#C2E2E3
#C5DFE3
#C8DCE3
#CBD9E3
#CED6E3
#D0D4E3
#D4D0E3
#C2E4E1
#C6E0E1
#CADCE1
#CED8E1
#D1D5E1
#D5D1E1
#DACCE1
#C2E6DF
#C7E1DF
#CCDCDF
#D0D7DF
#D5D2DF
#DACDDF
#E0C7DF
#C2E8DD
#C8E2DD
#CEDCDD
#D4D6DD
#DAD0DD
#E0CADD
#E8C2DD
Colorpallet from #C2DDE8 to #C2E8DD and to #E8DDC2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DFE6
#C3DFE5
#C4DEE5
#C5DEE4
#C6DEE3
#C7DDE3
#C8DDE2
#C2E1E4
#C4E0E3
#C6E0E1
#C8DFE0
#CADEDF
#CCDEDE
#CEDDDC
#C2E2E3
#C5E1E1
#C8E0DF
#CBE0DD
#CEDFDB
#D0DED9
#D4DDD6
#C2E4E1
#C6E3DE
#CAE2DC
#CEE1D9
#D1E0D6
#D5DED3
#DADDD0
#C2E6DF
#C7E5DC
#CCE3D8
#D0E2D5
#D5E0D2
#DADFCE
#E0DDCA
#C2E8DD
#C8E6D9
#CEE4D4
#D4E3D0
#DAE1CC
#E0DFC7
#E8DDC2
Colorpallet from #C2DDE8 to #DDC2E8 and to #DDE8C2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C6D9E8
#C6DAE7
#C6DBE6
#C6DCE5
#C6DDE4
#C6DEE3
#C6DFE2
#CBD4E8
#CBD6E6
#CBD8E4
#CBDAE2
#CBDCE0
#CBDEDE
#CBE1DC
#CFD0E8
#CFD3E5
#CFD6E2
#CFD9DF
#CFDCDC
#CFDEDA
#CFE2D6
#D3CCE8
#D3D0E4
#D3D4E0
#D3D8DC
#D3DBD9
#D3DFD5
#D3E4D0
#D8C7E8
#D8CCE3
#D8D1DE
#D8D6DA
#D8DBD5
#D8E0D0
#D8E6CA
#DDC2E8
#DDC8E2
#DDCEDC
#DDD4D6
#DDDAD0
#DDE0CA
#DDE8C2
Colorpallet from #C2DDE8 to #DDC2E8 and to #E8C2DD
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C6D9E8
#C6D9E8
#C7D9E7
#C7D9E7
#C7D9E7
#C8D9E6
#C8D9E6
#CBD4E8
#CBD4E7
#CCD4E7
#CCD4E6
#CDD4E5
#CDD4E5
#CED4E4
#CFD0E8
#D0D0E7
#D1D0E6
#D1D0E6
#D2D0E5
#D3D0E4
#D4D0E3
#D3CCE8
#D4CCE7
#D5CCE6
#D6CCE5
#D7CCE4
#D9CCE2
#DACCE1
#D8C7E8
#D9C7E7
#DBC7E5
#DCC7E4
#DDC7E2
#DEC7E1
#E0C7DF
#DDC2E8
#DFC2E6
#E1C2E4
#E2C2E3
#E4C2E1
#E6C2DF
#E8C2DD
Colorpallet from #C2DDE8 to #DDC2E8 and to #E8DDC2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C6D9E8
#C6DAE7
#C7DAE6
#C7DBE5
#C7DCE4
#C8DCE3
#C8DDE2
#CBD4E8
#CBD5E6
#CCD7E4
#CCD8E2
#CDDAE0
#CDDBDE
#CEDDDC
#CFD0E8
#D0D2E5
#D1D4E2
#D1D6DF
#D2D8DC
#D3DADA
#D4DDD6
#D3CCE8
#D4CFE4
#D5D1E0
#D6D4DC
#D7D7D9
#D9DAD5
#DADDD0
#D8C7E8
#D9CBE3
#DBCEDE
#DCD2DA
#DDD5D5
#DED9D0
#E0DDCA
#DDC2E8
#DFC6E2
#E1CBDC
#E2CFD6
#E4D3D0
#E6D8CA
#E8DDC2
Colorpallet from #C2DDE8 to #DDE8C2 and to #E8C2DD
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C6DFE2
#C6DEE3
#C7DDE3
#C7DCE4
#C7DBE5
#C8DAE5
#C8D9E6
#CBE1DC
#CBDFDD
#CCDDDF
#CCDBE0
#CDD9E1
#CDD7E2
#CED4E4
#CFE2D6
#D0DFD8
#D1DCDA
#D1D9DC
#D2D6DE
#D3D4E0
#D4D0E3
#D3E4D0
#D4E0D3
#D5DCD5
#D6D8D8
#D7D5DB
#D9D1DE
#DACCE1
#D8E6CA
#D9E1CD
#DBDCD1
#DCD7D4
#DDD2D7
#DECDDB
#E0C7DF
#DDE8C2
#DFE2C6
#E1DCCB
#E2D6CF
#E4D0D3
#E6CAD8
#E8C2DD
Colorpallet from #C2DDE8 to #DDE8C2 and to #E8DDC2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C6DFE2
#C6DFE2
#C7DEE2
#C7DEE2
#C7DEE2
#C8DDE2
#C8DDE2
#CBE1DC
#CBE0DC
#CCE0DC
#CCDFDC
#CDDEDC
#CDDEDC
#CEDDDC
#CFE2D6
#D0E1D6
#D1E0D6
#D1E0D6
#D2DFD6
#D3DED6
#D4DDD6
#D3E4D0
#D4E3D0
#D5E2D0
#D6E1D0
#D7E0D0
#D9DED0
#DADDD0
#D8E6CA
#D9E5CA
#DBE3CA
#DCE2CA
#DDE0CA
#DEDFCA
#E0DDCA
#DDE8C2
#DFE6C2
#E1E4C2
#E2E3C2
#E4E1C2
#E6DFC2
#E8DDC2
Colorpallet from #C2DDE8 to #E8C2DD and to #E8DDC2
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C2DDE8
#C8D9E6
#C8DAE5
#C8DAE5
#C8DBE4
#C8DCE3
#C8DCE3
#C8DDE2
#CED4E4
#CED5E3
#CED7E1
#CED8E0
#CEDADF
#CEDBDE
#CEDDDC
#D4D0E3
#D4D2E1
#D4D4DF
#D4D6DD
#D4D8DB
#D4DAD9
#D4DDD6
#DACCE1
#DACFDE
#DAD1DC
#DAD4D9
#DAD7D6
#DADAD3
#DADDD0
#E0C7DF
#E0CBDC
#E0CED8
#E0D2D5
#E0D5D2
#E0D9CE
#E0DDCA
#E8C2DD
#E8C6D9
#E8CBD4
#E8CFD0
#E8D3CC
#E8D8C7
#E8DDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts