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 #C2C2E6 to #C2E6C2 and to #3DC2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C8E0
#BFC7E1
#BBC6E2
#B8C5E3
#B5C4E4
#B1C3E5
#ADC2E6
#C2CEDA
#BBCCDC
#B4CADE
#ADC8E0
#A6C6E2
#A0C4E4
#97C2E6
#C2D3D5
#B8D0D8
#AECEDA
#A3CBDD
#99C8E0
#8FC5E3
#82C2E6
#C2D9CF
#B4D5D3
#A7D2D6
#99CEDA
#8CCADE
#7EC7E1
#6DC2E6
#C2DFC9
#B1DACE
#A0D6D2
#8FD1D7
#7ECCDC
#6DC8E0
#58C2E6
#C2E6C2
#ADE0C8
#97DACE
#82D5D3
#6DCFD9
#58C9DF
#3DC2E6
Colorpallet from #C2C2E6 to #C2E6C2 and to #C2E6C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C8E0
#C2C8E0
#C2C8E0
#C2C8E0
#C2C8E0
#C2C8E0
#C2C8E0
#C2CEDA
#C2CEDA
#C2CEDA
#C2CEDA
#C2CEDA
#C2CEDA
#C2CEDA
#C2D3D5
#C2D3D5
#C2D3D5
#C2D3D5
#C2D3D5
#C2D3D5
#C2D3D5
#C2D9CF
#C2D9CF
#C2D9CF
#C2D9CF
#C2D9CF
#C2D9CF
#C2D9CF
#C2DFC9
#C2DFC9
#C2DFC9
#C2DFC9
#C2DFC9
#C2DFC9
#C2DFC9
#C2E6C2
#C2E6C2
#C2E6C2
#C2E6C2
#C2E6C2
#C2E6C2
#C2E6C2
Colorpallet from #C2C2E6 to #C2E6C2 and to #E6C2C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C8E0
#C3C7E0
#C4C6E0
#C5C5E0
#C6C4E0
#C7C3E0
#C8C2E0
#C2CEDA
#C4CCDA
#C6CADA
#C8C8DA
#CAC6DA
#CCC4DA
#CEC2DA
#C2D3D5
#C5D0D5
#C7CED5
#CACBD5
#CDC8D5
#D0C5D5
#D3C2D5
#C2D9CF
#C6D5CF
#C9D2CF
#CDCECF
#D1CACF
#D4C7CF
#D9C2CF
#C2DFC9
#C7DAC9
#CBD6C9
#D0D1C9
#D5CCC9
#D9C8C9
#DFC2C9
#C2E6C2
#C8E0C2
#CEDAC2
#D3D5C2
#D9CFC2
#DFC9C2
#E6C2C2
Colorpallet from #C2C2E6 to #C2E6C2 and to #19C2C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C8E0
#BEC7E0
#B9C6E0
#B5C5E0
#B1C4E0
#ACC3E0
#A7C2E0
#C2CEDA
#B9CCDA
#B1CADA
#A8C8DA
#9FC6DA
#97C4DA
#8CC2DA
#C2D3D5
#B5D0D5
#A8CED5
#9BCBD5
#8EC8D5
#81C5D5
#71C2D5
#C2D9CF
#B1D5CF
#9FD2CF
#8ECECF
#7DCACF
#6CC7CF
#56C2CF
#C2DFC9
#ACDAC9
#97D6C9
#81D1C9
#6CCCC9
#56C8C9
#3BC2C9
#C2E6C2
#A7E0C2
#8CDAC2
#71D5C2
#56CFC2
#3BC9C2
#19C2C2
Colorpallet from #C2C2E6 to #3DC2E6 and to #C2E6C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#ADC2E6
#B0C3E5
#B4C4E4
#B7C5E3
#BAC6E2
#BEC7E1
#C2C8E0
#97C2E6
#9EC4E4
#A5C6E2
#ACC8E0
#B3CADE
#B9CCDC
#C2CEDA
#82C2E6
#8CC5E3
#96C7E1
#A1CADE
#ABCDDB
#B5D0D8
#C2D3D5
#6DC2E6
#7BC6E2
#88C9DF
#96CDDB
#A3D1D7
#B1D4D4
#C2D9CF
#58C2E6
#69C7E1
#7ACBDD
#8BD0D8
#9CD5D3
#ADD9CF
#C2DFC9
#3DC2E6
#52C8E0
#68CEDA
#7DD3D5
#92D9CF
#A7DFC9
#C2E6C2
Colorpallet from #C2C2E6 to #3DC2E6 and to #E6C2C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#ADC2E6
#B1C2E5
#B6C2E4
#BAC2E3
#BEC2E2
#C3C2E1
#C8C2E0
#97C2E6
#A0C2E4
#A9C2E2
#B1C2E0
#BAC2DE
#C3C2DC
#CEC2DA
#82C2E6
#8FC2E3
#9CC2E1
#A9C2DE
#B6C2DB
#C3C2D8
#D3C2D5
#6DC2E6
#7EC2E2
#90C2DF
#A1C2DB
#B2C2D7
#C3C2D4
#D9C2CF
#58C2E6
#6EC2E1
#83C2DD
#99C2D8
#AEC2D3
#C4C2CF
#DFC2C9
#3DC2E6
#58C2E0
#73C2DA
#8EC2D5
#A9C2CF
#C4C2C9
#E6C2C2
Colorpallet from #C2C2E6 to #3DC2E6 and to #19C2C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#ADC2E6
#ACC2E5
#ABC2E4
#AAC2E3
#A9C2E2
#A8C2E1
#A7C2E0
#97C2E6
#95C2E4
#93C2E2
#92C2E0
#90C2DE
#8EC2DC
#8CC2DA
#82C2E6
#7FC2E3
#7DC2E1
#7AC2DE
#77C2DB
#74C2D8
#71C2D5
#6DC2E6
#69C2E2
#66C2DF
#62C2DB
#5EC2D7
#5BC2D4
#56C2CF
#58C2E6
#53C2E1
#4FC2DD
#4AC2D8
#45C2D3
#41C2CF
#3BC2C9
#3DC2E6
#37C2E0
#31C2DA
#2CC2D5
#26C2CF
#20C2C9
#19C2C2
Colorpallet from #C2C2E6 to #E6C2C2 and to #19C2C2
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C2C2E6
#C8C2E0
#C3C2E0
#BDC2E0
#B8C2E0
#B3C2E0
#AEC2E0
#A7C2E0
#CEC2DA
#C3C2DA
#B9C2DA
#AEC2DA
#A4C2DA
#99C2DA
#8CC2DA
#D3C2D5
#C3C2D5
#B4C2D5
#A4C2D5
#94C2D5
#85C2D5
#71C2D5
#D9C2CF
#C4C2CF
#AFC2CF
#9AC2CF
#85C2CF
#70C2CF
#56C2CF
#DFC2C9
#C5C2C9
#ABC2C9
#90C2C9
#76C2C9
#5CC2C9
#3BC2C9
#E6C2C2
#C5C2C2
#A4C2C2
#84C2C2
#63C2C2
#42C2C2
#19C2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts