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 #D8C5E8 to #D8E8C5 and to #C5D8E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8CBE2
#D8CBE3
#D7CAE4
#D7CAE5
#D6C9E6
#D6C9E7
#D5C8E8
#D8D0DD
#D7CFDF
#D6CEE1
#D5CEE2
#D4CDE4
#D3CCE6
#D2CBE8
#D8D6D7
#D7D5DA
#D5D3DC
#D4D2DF
#D2D1E2
#D1D0E5
#CFCEE8
#D8DBD2
#D6D9D6
#D4D8D9
#D2D6DD
#D0D5E0
#CED3E4
#CCD1E8
#D8E1CC
#D6DFD0
#D3DDD5
#D1DBD9
#CED9DE
#CCD7E2
#C9D4E8
#D8E8C5
#D5E5CB
#D2E3D0
#CFE0D6
#CCDEDB
#C9DBE1
#C5D8E8
Colorpallet from #D8C5E8 to #D8E8C5 and to #C5E8D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8CBE2
#D8CBE2
#D7CBE3
#D7CBE3
#D6CBE4
#D6CBE4
#D5CBE5
#D8D0DD
#D7D0DE
#D6D0DF
#D5D0E0
#D4D0E1
#D3D0E2
#D2D0E3
#D8D6D7
#D7D6D8
#D5D6DA
#D4D6DB
#D2D6DD
#D1D6DE
#CFD6E0
#D8DBD2
#D6DBD4
#D4DBD6
#D2DBD8
#D0DBDA
#CEDBDC
#CCDBDE
#D8E1CC
#D6E1CE
#D3E1D1
#D1E1D3
#CEE1D6
#CCE1D8
#C9E1DB
#D8E8C5
#D5E8C8
#D2E8CB
#CFE8CE
#CCE8D1
#C9E8D4
#C5E8D8
Colorpallet from #D8C5E8 to #D8E8C5 and to #E8D8C5
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8CBE2
#D8CBE2
#D9CAE2
#D9CAE2
#DAC9E2
#DAC9E2
#DBC8E2
#D8D0DD
#D9CFDD
#DACEDD
#DACEDD
#DBCDDD
#DCCCDD
#DDCBDD
#D8D6D7
#D9D5D7
#DBD3D7
#DCD2D7
#DDD1D7
#DED0D7
#E0CED7
#D8DBD2
#DAD9D2
#DBD8D2
#DDD6D2
#DED5D2
#E0D3D2
#E2D1D2
#D8E1CC
#DADFCC
#DCDDCC
#DEDBCC
#E0D9CC
#E2D7CC
#E5D4CC
#D8E8C5
#DBE5C5
#DDE3C5
#E0E0C5
#E2DEC5
#E5DBC5
#E8D8C5
Colorpallet from #D8C5E8 to #D8E8C5 and to #E8C5D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8CBE2
#D8CAE2
#D9C9E3
#D9C8E3
#DAC7E4
#DAC6E4
#DBC5E5
#D8D0DD
#D9CEDE
#DACCDF
#DACBE0
#DBC9E1
#DCC7E2
#DDC5E3
#D8D6D7
#D9D3D8
#DBD1DA
#DCCEDB
#DDCBDD
#DEC8DE
#E0C5E0
#D8DBD2
#DAD7D4
#DBD4D6
#DDD0D8
#DECDDA
#E0C9DC
#E2C5DE
#D8E1CC
#DADDCE
#DCD8D1
#DED4D3
#E0CFD6
#E2CBD8
#E5C5DB
#D8E8C5
#DBE2C8
#DDDDCB
#E0D7CE
#E2D2D1
#E5CCD4
#E8C5D8
Colorpallet from #D8C5E8 to #C5D8E8 and to #C5E8D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D5C8E8
#D5C8E8
#D5C9E7
#D5C9E7
#D5CAE6
#D5CAE6
#D5CBE5
#D2CBE8
#D2CCE7
#D2CDE6
#D2CDE6
#D2CEE5
#D2CFE4
#D2D0E3
#CFCEE8
#CFCFE7
#CFD1E5
#CFD2E4
#CFD3E3
#CFD4E2
#CFD6E0
#CCD1E8
#CCD3E6
#CCD4E5
#CCD6E3
#CCD7E2
#CCD9E0
#CCDBDE
#C9D4E8
#C9D6E6
#C9D8E4
#C9DAE2
#C9DCE0
#C9DEDE
#C9E1DB
#C5D8E8
#C5DBE5
#C5DDE3
#C5E0E0
#C5E2DE
#C5E5DB
#C5E8D8
Colorpallet from #D8C5E8 to #C5D8E8 and to #E8D8C5
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D5C8E8
#D6C8E7
#D7C8E6
#D8C8E5
#D9C8E4
#DAC8E3
#DBC8E2
#D2CBE8
#D4CBE6
#D6CBE4
#D7CBE3
#D9CBE1
#DBCBDF
#DDCBDD
#CFCEE8
#D2CEE5
#D4CEE3
#D7CEE0
#DACEDD
#DDCEDA
#E0CED7
#CCD1E8
#D0D1E4
#D3D1E1
#D7D1DD
#DAD1DA
#DED1D6
#E2D1D2
#C9D4E8
#CDD4E4
#D2D4DF
#D6D4DB
#DBD4D6
#DFD4D2
#E5D4CC
#C5D8E8
#CBD8E2
#D0D8DD
#D6D8D7
#DBD8D2
#E1D8CC
#E8D8C5
Colorpallet from #D8C5E8 to #C5D8E8 and to #E8C5D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D5C8E8
#D6C8E8
#D7C7E7
#D8C7E7
#D9C6E6
#DAC6E6
#DBC5E5
#D2CBE8
#D4CAE7
#D6C9E6
#D7C8E6
#D9C7E5
#DBC6E4
#DDC5E3
#CFCEE8
#D2CDE7
#D4CBE5
#D7CAE4
#DAC8E3
#DDC7E2
#E0C5E0
#CCD1E8
#D0CFE6
#D3CDE5
#D7CBE3
#DAC9E2
#DEC7E0
#E2C5DE
#C9D4E8
#CDD2E6
#D2CFE4
#D6CDE2
#DBCAE0
#DFC8DE
#E5C5DB
#C5D8E8
#CBD5E5
#D0D2E3
#D6CFE0
#DBCCDE
#E1C9DB
#E8C5D8
Colorpallet from #D8C5E8 to #C5E8D8 and to #E8D8C5
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D5CBE5
#D6CBE5
#D7CAE4
#D8CAE4
#D9C9E3
#DAC9E3
#DBC8E2
#D2D0E3
#D4CFE2
#D6CEE1
#D7CEE0
#D9CDDF
#DBCCDE
#DDCBDD
#CFD6E0
#D2D5DF
#D4D3DD
#D7D2DC
#DAD1DA
#DDD0D9
#E0CED7
#CCDBDE
#D0D9DC
#D3D8DA
#D7D6D8
#DAD5D6
#DED3D4
#E2D1D2
#C9E1DB
#CDDFD9
#D2DDD6
#D6DBD4
#DBD9D1
#DFD7CF
#E5D4CC
#C5E8D8
#CBE5D5
#D0E3D2
#D6E0CF
#DBDECC
#E1DBC9
#E8D8C5
Colorpallet from #D8C5E8 to #C5E8D8 and to #E8C5D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D5CBE5
#D6CAE5
#D7C9E5
#D8C8E5
#D9C7E5
#DAC6E5
#DBC5E5
#D2D0E3
#D4CEE3
#D6CCE3
#D7CBE3
#D9C9E3
#DBC7E3
#DDC5E3
#CFD6E0
#D2D3E0
#D4D1E0
#D7CEE0
#DACBE0
#DDC8E0
#E0C5E0
#CCDBDE
#D0D7DE
#D3D4DE
#D7D0DE
#DACDDE
#DEC9DE
#E2C5DE
#C9E1DB
#CDDDDB
#D2D8DB
#D6D4DB
#DBCFDB
#DFCBDB
#E5C5DB
#C5E8D8
#CBE2D8
#D0DDD8
#D6D7D8
#DBD2D8
#E1CCD8
#E8C5D8
Colorpallet from #D8C5E8 to #E8D8C5 and to #E8C5D8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#D8C5E8
#DBC8E2
#DBC8E2
#DBC7E3
#DBC7E3
#DBC6E4
#DBC6E4
#DBC5E5
#DDCBDD
#DDCADE
#DDC9DF
#DDC8E0
#DDC7E1
#DDC6E2
#DDC5E3
#E0CED7
#E0CDD8
#E0CBDA
#E0CADB
#E0C8DD
#E0C7DE
#E0C5E0
#E2D1D2
#E2CFD4
#E2CDD6
#E2CBD8
#E2C9DA
#E2C7DC
#E2C5DE
#E5D4CC
#E5D2CE
#E5CFD1
#E5CDD3
#E5CAD6
#E5C8D8
#E5C5DB
#E8D8C5
#E8D5C8
#E8D2CB
#E8CFCE
#E8CCD1
#E8C9D4
#E8C5D8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
