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 #C1C1D8 to #C1D8C1 and to #3EC1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C5D4
#BEC4D5
#BAC4D5
#B7C3D6
#B4C2D7
#B0C2D7
#ACC1D8
#C1C8D1
#BAC7D2
#B4C6D3
#ADC5D4
#A6C4D5
#9FC2D7
#97C1D8
#C1CCCD
#B7CACF
#ADC8D1
#A3C7D2
#99C5D4
#8FC3D6
#82C1D8
#C1D0C9
#B4CECB
#A6CBCE
#99C9D0
#8BC6D3
#7EC4D5
#6DC1D8
#C1D3C6
#B0D0C9
#9FCDCC
#8FCACF
#7EC7D2
#6DC5D4
#58C1D8
#C1D8C1
#ACD4C5
#97D1C8
#82CDCC
#6DC9D0
#58C6D3
#3EC1D8
Colorpallet from #C1C1D8 to #C1D8C1 and to #C1D8C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C5D4
#C1C5D4
#C1C5D4
#C1C5D4
#C1C5D4
#C1C5D4
#C1C5D4
#C1C8D1
#C1C8D1
#C1C8D1
#C1C8D1
#C1C8D1
#C1C8D1
#C1C8D1
#C1CCCD
#C1CCCD
#C1CCCD
#C1CCCD
#C1CCCD
#C1CCCD
#C1CCCD
#C1D0C9
#C1D0C9
#C1D0C9
#C1D0C9
#C1D0C9
#C1D0C9
#C1D0C9
#C1D3C6
#C1D3C6
#C1D3C6
#C1D3C6
#C1D3C6
#C1D3C6
#C1D3C6
#C1D8C1
#C1D8C1
#C1D8C1
#C1D8C1
#C1D8C1
#C1D8C1
#C1D8C1
Colorpallet from #C1C1D8 to #C1D8C1 and to #D8C1C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C5D4
#C2C4D4
#C2C4D4
#C3C3D4
#C4C2D4
#C4C2D4
#C5C1D4
#C1C8D1
#C2C7D1
#C3C6D1
#C4C5D1
#C5C4D1
#C7C2D1
#C8C1D1
#C1CCCD
#C3CACD
#C5C8CD
#C6C7CD
#C8C5CD
#CAC3CD
#CCC1CD
#C1D0C9
#C3CEC9
#C6CBC9
#C8C9C9
#CBC6C9
#CDC4C9
#D0C1C9
#C1D3C6
#C4D0C6
#C7CDC6
#CACAC6
#CDC7C6
#CFC5C6
#D3C1C6
#C1D8C1
#C5D4C1
#C8D1C1
#CCCDC1
#D0C9C1
#D3C6C1
#D8C1C1
Colorpallet from #C1C1D8 to #C1D8C1 and to #27C1C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C5D4
#BDC4D4
#B9C4D4
#B5C3D4
#B1C2D4
#ADC2D4
#A8C1D4
#C1C8D1
#B9C7D1
#B1C6D1
#A9C5D1
#A2C4D1
#9AC2D1
#90C1D1
#C1CCCD
#B5CACD
#A9C8CD
#9DC7CD
#92C5CD
#86C3CD
#77C1CD
#C1D0C9
#B1CEC9
#A1CBC9
#91C9C9
#82C6C9
#72C4C9
#5EC1C9
#C1D3C6
#ADD0C6
#9ACDC6
#86CAC6
#72C7C6
#5FC5C6
#46C1C6
#C1D8C1
#A8D4C1
#90D1C1
#77CDC1
#5EC9C1
#46C6C1
#27C1C1
Colorpallet from #C1C1D8 to #3EC1D8 and to #C1D8C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#ACC1D8
#AFC2D7
#B3C2D7
#B6C3D6
#B9C4D5
#BDC4D5
#C1C5D4
#97C1D8
#9EC2D7
#A4C3D6
#ABC4D5
#B2C5D4
#B9C7D2
#C1C8D1
#82C1D8
#8CC3D6
#96C5D4
#A0C6D3
#AAC8D1
#B4CACF
#C1CCCD
#6DC1D8
#7AC3D6
#88C6D3
#95C8D1
#A3CBCE
#B0CDCC
#C1D0C9
#58C1D8
#69C4D5
#7AC7D2
#8ACACF
#9BCDCC
#ACCFCA
#C1D3C6
#3EC1D8
#53C5D4
#68C8D1
#7DCCCD
#92D0C9
#A7D3C6
#C1D8C1
Colorpallet from #C1C1D8 to #3EC1D8 and to #D8C1C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#ACC1D8
#B0C1D7
#B4C1D7
#B8C1D6
#BCC1D5
#C0C1D5
#C5C1D4
#97C1D8
#9FC1D7
#A7C1D6
#AFC1D5
#B6C1D4
#BEC1D2
#C8C1D1
#82C1D8
#8EC1D6
#9AC1D4
#A6C1D3
#B1C1D1
#BDC1CF
#CCC1CD
#6DC1D8
#7DC1D6
#8DC1D3
#9DC1D1
#ACC1CE
#BCC1CC
#D0C1C9
#58C1D8
#6CC1D5
#7FC1D2
#93C1CF
#A7C1CC
#BAC1CA
#D3C1C6
#3EC1D8
#57C1D4
#6FC1D1
#88C1CD
#A1C1C9
#B9C1C6
#D8C1C1
Colorpallet from #C1C1D8 to #3EC1D8 and to #27C1C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#ACC1D8
#ABC1D7
#ABC1D7
#AAC1D6
#A9C1D5
#A9C1D5
#A8C1D4
#97C1D8
#96C1D7
#95C1D6
#94C1D5
#93C1D4
#91C1D2
#90C1D1
#82C1D8
#80C1D6
#7EC1D4
#7DC1D3
#7BC1D1
#79C1CF
#77C1CD
#6DC1D8
#6BC1D6
#68C1D3
#66C1D1
#63C1CE
#61C1CC
#5EC1C9
#58C1D8
#55C1D5
#52C1D2
#4FC1CF
#4CC1CC
#4AC1CA
#46C1C6
#3EC1D8
#3AC1D4
#37C1D1
#33C1CD
#2FC1C9
#2CC1C6
#27C1C1
Colorpallet from #C1C1D8 to #D8C1C1 and to #27C1C1
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C1C1D8
#C5C1D4
#C0C1D4
#BCC1D4
#B7C1D4
#B2C1D4
#AEC1D4
#A8C1D4
#C8C1D1
#BFC1D1
#B6C1D1
#ADC1D1
#A4C1D1
#9BC1D1
#90C1D1
#CCC1CD
#BEC1CD
#B1C1CD
#A3C1CD
#96C1CD
#88C1CD
#77C1CD
#D0C1C9
#BEC1C9
#ACC1C9
#99C1C9
#87C1C9
#75C1C9
#5EC1C9
#D3C1C6
#BCC1C6
#A6C1C6
#8FC1C6
#79C1C6
#62C1C6
#46C1C6
#D8C1C1
#BCC1C1
#9FC1C1
#83C1C1
#67C1C1
#4AC1C1
#27C1C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts