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 #C2C2D3 to #C2D3C2 and to #3DC2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C5D0
#BFC5D0
#BBC4D1
#B8C4D1
#B5C3D2
#B1C3D2
#ADC2D3
#C2C7CE
#BBC6CF
#B4C5D0
#ADC5D0
#A6C4D1
#A0C3D2
#97C2D3
#C2CACB
#B8C9CC
#AEC7CE
#A3C6CF
#99C5D0
#8FC4D1
#82C2D3
#C2CDC8
#B4CBCA
#A7C9CC
#99C8CD
#8CC6CF
#7EC4D1
#6DC2D3
#C2D0C5
#B1CEC7
#A0CCC9
#8FC9CC
#7EC7CE
#6DC5D0
#58C2D3
#C2D3C2
#ADD0C5
#97CEC7
#82CBCA
#6DC8CD
#58C5D0
#3DC2D3
Colorpallet from #C2C2D3 to #C2D3C2 and to #C2D3C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C5D0
#C2C5D0
#C2C5D0
#C2C5D0
#C2C5D0
#C2C5D0
#C2C5D0
#C2C7CE
#C2C7CE
#C2C7CE
#C2C7CE
#C2C7CE
#C2C7CE
#C2C7CE
#C2CACB
#C2CACB
#C2CACB
#C2CACB
#C2CACB
#C2CACB
#C2CACB
#C2CDC8
#C2CDC8
#C2CDC8
#C2CDC8
#C2CDC8
#C2CDC8
#C2CDC8
#C2D0C5
#C2D0C5
#C2D0C5
#C2D0C5
#C2D0C5
#C2D0C5
#C2D0C5
#C2D3C2
#C2D3C2
#C2D3C2
#C2D3C2
#C2D3C2
#C2D3C2
#C2D3C2
Colorpallet from #C2C2D3 to #C2D3C2 and to #D3C2C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C5D0
#C2C5D0
#C3C4D0
#C3C4D0
#C4C3D0
#C4C3D0
#C5C2D0
#C2C7CE
#C3C6CE
#C4C5CE
#C4C5CE
#C5C4CE
#C6C3CE
#C7C2CE
#C2CACB
#C3C9CB
#C5C7CB
#C6C6CB
#C7C5CB
#C8C4CB
#CAC2CB
#C2CDC8
#C4CBC8
#C6C9C8
#C7C8C8
#C9C6C8
#CBC4C8
#CDC2C8
#C2D0C5
#C4CEC5
#C6CCC5
#C9C9C5
#CBC7C5
#CDC5C5
#D0C2C5
#C2D3C2
#C5D0C2
#C7CEC2
#CACBC2
#CDC8C2
#D0C5C2
#D3C2C2
Colorpallet from #C2C2D3 to #C2D3C2 and to #2CC2C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C5D0
#BEC5D0
#BAC4D0
#B6C4D0
#B3C3D0
#AFC3D0
#AAC2D0
#C2C7CE
#BAC6CE
#B3C5CE
#ABC5CE
#A3C4CE
#9CC3CE
#92C2CE
#C2CACB
#B6C9CB
#ABC7CB
#9FC6CB
#94C5CB
#88C4CB
#7AC2CB
#C2CDC8
#B3CBC8
#A3C9C8
#94C8C8
#85C6C8
#75C4C8
#62C2C8
#C2D0C5
#AFCEC5
#9CCCC5
#88C9C5
#75C7C5
#62C5C5
#4AC2C5
#C2D3C2
#AAD0C2
#92CEC2
#7ACBC2
#62C8C2
#4AC5C2
#2CC2C2
Colorpallet from #C2C2D3 to #3DC2D3 and to #C2D3C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#ADC2D3
#B0C2D3
#B4C3D2
#B7C3D2
#BAC4D1
#BEC4D1
#C2C5D0
#97C2D3
#9EC3D2
#A5C4D1
#ACC4D1
#B3C5D0
#B9C6CF
#C2C7CE
#82C2D3
#8CC3D2
#96C5D0
#A1C6CF
#ABC7CE
#B5C8CD
#C2CACB
#6DC2D3
#7BC4D1
#88C6CF
#96C7CE
#A3C9CC
#B1CBCA
#C2CDC8
#58C2D3
#69C4D1
#7AC6CF
#8BC9CC
#9CCBCA
#ADCDC8
#C2D0C5
#3DC2D3
#52C5D0
#68C7CE
#7DCACB
#92CDC8
#A7D0C5
#C2D3C2
Colorpallet from #C2C2D3 to #3DC2D3 and to #D3C2C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#ADC2D3
#B1C2D3
#B5C2D2
#B9C2D2
#BCC2D1
#C0C2D1
#C5C2D0
#97C2D3
#9FC2D2
#A6C2D1
#AEC2D1
#B6C2D0
#BDC2CF
#C7C2CE
#82C2D3
#8EC2D2
#99C2D0
#A5C2CF
#B0C2CE
#BCC2CD
#CAC2CB
#6DC2D3
#7CC2D1
#8CC2CF
#9BC2CE
#AAC2CC
#BAC2CA
#CDC2C8
#58C2D3
#6BC2D1
#7EC2CF
#92C2CC
#A5C2CA
#B8C2C8
#D0C2C5
#3DC2D3
#55C2D0
#6DC2CE
#85C2CB
#9DC2C8
#B5C2C5
#D3C2C2
Colorpallet from #C2C2D3 to #3DC2D3 and to #2CC2C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#ADC2D3
#ADC2D3
#ACC2D2
#ACC2D2
#ABC2D1
#ABC2D1
#AAC2D0
#97C2D3
#96C2D2
#95C2D1
#95C2D1
#94C2D0
#93C2CF
#92C2CE
#82C2D3
#81C2D2
#7FC2D0
#7EC2CF
#7DC2CE
#7CC2CD
#7AC2CB
#6DC2D3
#6BC2D1
#69C2CF
#68C2CE
#66C2CC
#64C2CA
#62C2C8
#58C2D3
#56C2D1
#54C2CF
#51C2CC
#4FC2CA
#4DC2C8
#4AC2C5
#3DC2D3
#3AC2D0
#38C2CE
#35C2CB
#32C2C8
#2FC2C5
#2CC2C2
Colorpallet from #C2C2D3 to #D3C2C2 and to #2CC2C2
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C2C2D3
#C5C2D0
#C1C2D0
#BCC2D0
#B8C2D0
#B4C2D0
#AFC2D0
#AAC2D0
#C7C2CE
#BFC2CE
#B6C2CE
#AEC2CE
#A5C2CE
#9DC2CE
#92C2CE
#CAC2CB
#BDC2CB
#B0C2CB
#A4C2CB
#97C2CB
#8AC2CB
#7AC2CB
#CDC2C8
#BCC2C8
#ABC2C8
#9AC2C8
#89C2C8
#77C2C8
#62C2C8
#D0C2C5
#BBC2C5
#A5C2C5
#90C2C5
#7AC2C5
#65C2C5
#4AC2C5
#D3C2C2
#B8C2C2
#9EC2C2
#83C2C2
#68C2C2
#4DC2C2
#2CC2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts