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 #C2D0E4 to #C2E4D0 and to #D0C2E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D3E1
#C2D2E1
#C3D1E2
#C3D1E2
#C3D0E3
#C4CFE3
#C4CEE4
#C2D6DE
#C3D4DF
#C3D3E0
#C4D1E1
#C5D0E2
#C5CEE3
#C6CCE4
#C2DADA
#C3D7DC
#C4D5DD
#C5D2DF
#C6CFE0
#C8CCE2
#C9C9E4
#C2DDD7
#C3D9D9
#C5D6DB
#C6D2DD
#C8CFDF
#C9CBE1
#CBC7E4
#C2E0D4
#C4DCD7
#C6D7D9
#C7D3DC
#C9CFDE
#CBCAE1
#CDC5E4
#C2E4D0
#C4DFD3
#C6D9D6
#C9D4DA
#CBCEDD
#CDC9E0
#D0C2E4
Colorpallet from #C2D0E4 to #C2E4D0 and to #D0E4C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D3E1
#C2D3E1
#C3D3E0
#C3D3E0
#C3D3E0
#C4D3DF
#C4D3DF
#C2D6DE
#C3D6DD
#C3D6DC
#C4D6DC
#C5D6DB
#C5D6DA
#C6D6D9
#C2DADA
#C3DAD9
#C4DAD8
#C5DAD7
#C6DAD6
#C8DAD5
#C9DAD4
#C2DDD7
#C3DDD6
#C5DDD4
#C6DDD3
#C8DDD1
#C9DDD0
#CBDDCE
#C2E0D4
#C4E0D2
#C6E0D0
#C7E0CF
#C9E0CD
#CBE0CB
#CDE0C9
#C2E4D0
#C4E4CE
#C6E4CC
#C9E4C9
#CBE4C7
#CDE4C5
#D0E4C2
Colorpallet from #C2D0E4 to #C2E4D0 and to #E4C2D0
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D3E1
#C3D2E1
#C4D1E1
#C4D1E1
#C5D0E1
#C6CFE1
#C7CEE1
#C2D6DE
#C4D4DE
#C6D3DE
#C7D1DE
#C9D0DE
#CBCEDE
#CDCCDE
#C2DADA
#C5D7DA
#C7D5DA
#CAD2DA
#CCCFDA
#CFCCDA
#D2C9DA
#C2DDD7
#C6D9D7
#C9D6D7
#CDD2D7
#D0CFD7
#D4CBD7
#D8C7D7
#C2E0D4
#C6DCD4
#CBD7D4
#CFD3D4
#D3CFD4
#D8CAD4
#DDC5D4
#C2E4D0
#C7DFD0
#CDD9D0
#D2D4D0
#D8CED0
#DDC9D0
#E4C2D0
Colorpallet from #C2D0E4 to #C2E4D0 and to #E4D0C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D3E1
#C3D3E1
#C4D2E0
#C4D2E0
#C5D1E0
#C6D1DF
#C7D0DF
#C2D6DE
#C4D5DD
#C6D4DC
#C7D3DC
#C9D2DB
#CBD1DA
#CDD0D9
#C2DADA
#C5D8D9
#C7D7D8
#CAD5D7
#CCD4D6
#CFD2D5
#D2D0D4
#C2DDD7
#C6DBD6
#C9D9D4
#CDD7D3
#D0D5D1
#D4D3D0
#D8D0CE
#C2E0D4
#C6DDD2
#CBDBD0
#CFD8CF
#D3D6CD
#D8D3CB
#DDD0C9
#C2E4D0
#C7E1CE
#CDDECC
#D2DAC9
#D8D7C7
#DDD4C5
#E4D0C2
Colorpallet from #C2D0E4 to #D0C2E4 and to #D0E4C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C4CEE4
#C4CFE3
#C4D0E2
#C4D0E2
#C4D1E1
#C4D2E0
#C4D3DF
#C6CCE4
#C6CEE2
#C6CFE0
#C6D1DF
#C6D2DD
#C6D4DB
#C6D6D9
#C9C9E4
#C9CCE1
#C9CEDF
#C9D1DC
#C9D4DA
#C9D7D7
#C9DAD4
#CBC7E4
#CBCBE0
#CBCEDD
#CBD2D9
#CBD5D6
#CBD9D2
#CBDDCE
#CDC5E4
#CDC9E0
#CDCEDB
#CDD2D7
#CDD6D3
#CDDBCE
#CDE0C9
#D0C2E4
#D0C7DF
#D0CDD9
#D0D2D4
#D0D8CE
#D0DDC9
#D0E4C2
Colorpallet from #C2D0E4 to #D0C2E4 and to #E4C2D0
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C4CEE4
#C4CEE4
#C5CEE3
#C5CEE3
#C6CEE2
#C6CEE2
#C7CEE1
#C6CCE4
#C7CCE3
#C8CCE2
#C9CCE1
#CACCE0
#CCCCDF
#CDCCDE
#C9C9E4
#CAC9E2
#CCC9E1
#CDC9DF
#CFC9DE
#D0C9DC
#D2C9DA
#CBC7E4
#CDC7E2
#CFC7E0
#D1C7DE
#D3C7DC
#D5C7DA
#D8C7D7
#CDC5E4
#D0C5E1
#D2C5DF
#D5C5DC
#D7C5DA
#DAC5D7
#DDC5D4
#D0C2E4
#D3C2E1
#D6C2DE
#DAC2DA
#DDC2D7
#E0C2D4
#E4C2D0
Colorpallet from #C2D0E4 to #D0C2E4 and to #E4D0C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C4CEE4
#C4CEE3
#C5CFE2
#C5CFE2
#C6CFE1
#C6D0E0
#C7D0DF
#C6CCE4
#C7CDE2
#C8CDE0
#C9CEDF
#CACFDD
#CCCFDB
#CDD0D9
#C9C9E4
#CACAE1
#CCCBDF
#CDCCDC
#CFCDDA
#D0CFD7
#D2D0D4
#CBC7E4
#CDC8E0
#CFCADD
#D1CBD9
#D3CDD6
#D5CED2
#D8D0CE
#CDC5E4
#D0C7E0
#D2C9DB
#D5CAD7
#D7CCD3
#DACECE
#DDD0C9
#D0C2E4
#D3C4DF
#D6C6D9
#DAC9D4
#DDCBCE
#E0CDC9
#E4D0C2
Colorpallet from #C2D0E4 to #D0E4C2 and to #E4C2D0
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C4D3DF
#C4D2DF
#C5D1E0
#C5D1E0
#C6D0E0
#C6CFE1
#C7CEE1
#C6D6D9
#C7D4DA
#C8D3DB
#C9D1DB
#CAD0DC
#CCCEDD
#CDCCDE
#C9DAD4
#CAD7D5
#CCD5D6
#CDD2D7
#CFCFD8
#D0CCD9
#D2C9DA
#CBDDCE
#CDD9CF
#CFD6D1
#D1D2D2
#D3CFD4
#D5CBD5
#D8C7D7
#CDE0C9
#D0DCCB
#D2D7CD
#D5D3CE
#D7CFD0
#DACAD2
#DDC5D4
#D0E4C2
#D3DFC4
#D6D9C6
#DAD4C9
#DDCECB
#E0C9CD
#E4C2D0
Colorpallet from #C2D0E4 to #D0E4C2 and to #E4D0C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C4D3DF
#C4D3DF
#C5D2DF
#C5D2DF
#C6D1DF
#C6D1DF
#C7D0DF
#C6D6D9
#C7D5D9
#C8D4D9
#C9D3D9
#CAD2D9
#CCD1D9
#CDD0D9
#C9DAD4
#CAD8D4
#CCD7D4
#CDD5D4
#CFD4D4
#D0D2D4
#D2D0D4
#CBDDCE
#CDDBCE
#CFD9CE
#D1D7CE
#D3D5CE
#D5D3CE
#D8D0CE
#CDE0C9
#D0DDC9
#D2DBC9
#D5D8C9
#D7D6C9
#DAD3C9
#DDD0C9
#D0E4C2
#D3E1C2
#D6DEC2
#DADAC2
#DDD7C2
#E0D4C2
#E4D0C2
Colorpallet from #C2D0E4 to #E4C2D0 and to #E4D0C2
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C2D0E4
#C7CEE1
#C7CEE1
#C7CFE0
#C7CFE0
#C7CFE0
#C7D0DF
#C7D0DF
#CDCCDE
#CDCDDD
#CDCDDC
#CDCEDC
#CDCFDB
#CDCFDA
#CDD0D9
#D2C9DA
#D2CAD9
#D2CBD8
#D2CCD7
#D2CDD6
#D2CFD5
#D2D0D4
#D8C7D7
#D8C8D6
#D8CAD4
#D8CBD3
#D8CDD1
#D8CED0
#D8D0CE
#DDC5D4
#DDC7D2
#DDC9D0
#DDCACF
#DDCCCD
#DDCECB
#DDD0C9
#E4C2D0
#E4C4CE
#E4C6CC
#E4C9C9
#E4CBC7
#E4CDC5
#E4D0C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts