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 #D2C3D2 to #D2D2C3 and to #C3D2D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C5D0
#D2C5D0
#D1C5D1
#D1C5D1
#D1C5D1
#D0C5D2
#D0C5D2
#D2C8CD
#D1C8CE
#D0C8CF
#D0C8CF
#CFC8D0
#CEC8D1
#CDC8D2
#D2CACB
#D1CACC
#D0CACD
#CFCACE
#CECACF
#CCCAD1
#CBCAD2
#D2CDC8
#D0CDCA
#CFCDCB
#CDCDCD
#CCCDCE
#CACDD0
#C8CDD2
#D2CFC6
#D0CFC8
#CECFCA
#CCCFCC
#CACFCE
#C8CFD0
#C6CFD2
#D2D2C3
#D0D2C5
#CDD2C8
#CBD2CA
#C8D2CD
#C6D2CF
#C3D2D2
Colorpallet from #D2C3D2 to #D2D2C3 and to #3CD2D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C5D0
#CEC5D0
#CAC5D1
#C6C5D1
#C3C5D1
#BFC5D2
#BAC5D2
#D2C8CD
#CAC8CE
#C3C8CF
#BBC8CF
#B3C8D0
#ACC8D1
#A2C8D2
#D2CACB
#C6CACC
#BBCACD
#AFCACE
#A4CACF
#98CAD1
#8ACAD2
#D2CDC8
#C3CDCA
#B3CDCB
#A4CDCD
#95CDCE
#85CDD0
#72CDD2
#D2CFC6
#BFCFC8
#ACCFCA
#98CFCC
#85CFCE
#72CFD0
#5ACFD2
#D2D2C3
#BAD2C5
#A2D2C8
#8AD2CA
#72D2CD
#5AD2CF
#3CD2D2
Colorpallet from #D2C3D2 to #D2D2C3 and to #2DD2C3
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C5D0
#CEC5D0
#CAC5D0
#C6C5D0
#C1C5D0
#BDC5D0
#B8C5D0
#D2C8CD
#CAC8CD
#C1C8CD
#B9C8CD
#B0C8CD
#A8C8CD
#9DC8CD
#D2CACB
#C5CACB
#B9CACB
#ACCACB
#9FCACB
#93CACB
#83CACB
#D2CDC8
#C1CDC8
#B0CDC8
#9FCDC8
#8ECDC8
#7DCDC8
#68CDC8
#D2CFC6
#BDCFC6
#A8CFC6
#93CFC6
#7ECFC6
#68CFC6
#4ECFC6
#D2D2C3
#B8D2C3
#9DD2C3
#83D2C3
#68D2C3
#4ED2C3
#2DD2C3
Colorpallet from #D2C3D2 to #D2D2C3 and to #D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C5D0
#D2C5D0
#D2C4D1
#D2C4D1
#D2C4D1
#D2C3D2
#D2C3D2
#D2C8CD
#D2C7CE
#D2C6CF
#D2C6CF
#D2C5D0
#D2C4D1
#D2C3D2
#D2CACB
#D2C9CC
#D2C8CD
#D2C7CE
#D2C6CF
#D2C4D1
#D2C3D2
#D2CDC8
#D2CBCA
#D2CACB
#D2C8CD
#D2C7CE
#D2C5D0
#D2C3D2
#D2CFC6
#D2CDC8
#D2CBCA
#D2C9CC
#D2C7CE
#D2C5D0
#D2C3D2
#D2D2C3
#D2D0C5
#D2CDC8
#D2CBCA
#D2C8CD
#D2C6CF
#D2C3D2
Colorpallet from #D2C3D2 to #C3D2D2 and to #3CD2D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D0C5D2
#CCC5D2
#C9C5D2
#C5C5D2
#C2C5D2
#BEC5D2
#BAC5D2
#CDC8D2
#C6C8D2
#BFC8D2
#B8C8D2
#B1C8D2
#ABC8D2
#A2C8D2
#CBCAD2
#C1CAD2
#B6CAD2
#ACCAD2
#A1CAD2
#97CAD2
#8ACAD2
#C8CDD2
#BACDD2
#ACCDD2
#9FCDD2
#91CDD2
#83CDD2
#72CDD2
#C6CFD2
#B5CFD2
#A3CFD2
#92CFD2
#81CFD2
#70CFD2
#5ACFD2
#C3D2D2
#ADD2D2
#98D2D2
#82D2D2
#6DD2D2
#57D2D2
#3CD2D2
Colorpallet from #D2C3D2 to #C3D2D2 and to #2DD2C3
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D0C5D2
#CCC5D2
#C8C5D1
#C4C5D1
#C1C5D1
#BDC5D0
#B8C5D0
#CDC8D2
#C5C8D1
#BEC8D0
#B6C8D0
#AEC8CF
#A7C8CE
#9DC8CD
#CBCAD2
#BFCAD1
#B4CAD0
#A8CACF
#9DCACE
#91CACC
#83CACB
#C8CDD2
#B9CDD0
#A9CDCF
#9ACDCD
#8BCDCC
#7BCDCA
#68CDC8
#C6CFD2
#B3CFD0
#A0CFCE
#8CCFCC
#79CFCA
#66CFC8
#4ECFC6
#C3D2D2
#ABD2D0
#93D2CD
#7BD2CB
#63D2C8
#4BD2C6
#2DD2C3
Colorpallet from #D2C3D2 to #C3D2D2 and to #D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D0C5D2
#D0C5D2
#D1C4D2
#D1C4D2
#D1C4D2
#D2C3D2
#D2C3D2
#CDC8D2
#CEC7D2
#CFC6D2
#CFC6D2
#D0C5D2
#D1C4D2
#D2C3D2
#CBCAD2
#CCC9D2
#CDC8D2
#CEC7D2
#CFC6D2
#D1C4D2
#D2C3D2
#C8CDD2
#CACBD2
#CBCAD2
#CDC8D2
#CEC7D2
#D0C5D2
#D2C3D2
#C6CFD2
#C8CDD2
#CACBD2
#CCC9D2
#CEC7D2
#D0C5D2
#D2C3D2
#C3D2D2
#C5D0D2
#C8CDD2
#CACBD2
#CDC8D2
#CFC6D2
#D2C3D2
Colorpallet from #D2C3D2 to #3CD2D2 and to #2DD2C3
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#BAC5D2
#BAC5D2
#B9C5D1
#B9C5D1
#B9C5D1
#B8C5D0
#B8C5D0
#A2C8D2
#A1C8D1
#A0C8D0
#A0C8D0
#9FC8CF
#9EC8CE
#9DC8CD
#8ACAD2
#89CAD1
#88CAD0
#87CACF
#86CACE
#84CACC
#83CACB
#72CDD2
#70CDD0
#6FCDCF
#6DCDCD
#6CCDCC
#6ACDCA
#68CDC8
#5ACFD2
#58CFD0
#56CFCE
#54CFCC
#52CFCA
#50CFC8
#4ECFC6
#3CD2D2
#3AD2D0
#37D2CD
#35D2CB
#32D2C8
#30D2C6
#2DD2C3
Colorpallet from #D2C3D2 to #3CD2D2 and to #D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#BAC5D2
#BEC5D2
#C2C4D2
#C6C4D2
#C9C4D2
#CDC3D2
#D2C3D2
#A2C8D2
#AAC7D2
#B1C6D2
#B9C6D2
#C1C5D2
#C8C4D2
#D2C3D2
#8ACAD2
#96C9D2
#A1C8D2
#ADC7D2
#B8C6D2
#C4C4D2
#D2C3D2
#72CDD2
#81CBD2
#91CAD2
#A0C8D2
#AFC7D2
#BFC5D2
#D2C3D2
#5ACFD2
#6DCDD2
#80CBD2
#94C9D2
#A7C7D2
#BAC5D2
#D2C3D2
#3CD2D2
#54D0D2
#6CCDD2
#84CBD2
#9CC8D2
#B4C6D2
#D2C3D2
Colorpallet from #D2C3D2 to #2DD2C3 and to #D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#D2C3D2
#B8C5D0
#BCC5D0
#C0C4D1
#C4C4D1
#C9C4D1
#CDC3D2
#D2C3D2
#9DC8CD
#A5C7CE
#AEC6CF
#B6C6CF
#BFC5D0
#C7C4D1
#D2C3D2
#83CACB
#90C9CC
#9CC8CD
#A9C7CE
#B6C6CF
#C2C4D1
#D2C3D2
#68CDC8
#79CBCA
#8ACACB
#9BC8CD
#ACC7CE
#BDC5D0
#D2C3D2
#4ECFC6
#63CDC8
#78CBCA
#8DC9CC
#A2C7CE
#B8C5D0
#D2C3D2
#2DD2C3
#47D0C5
#62CDC8
#7CCBCA
#97C8CD
#B1C6CF
#D2C3D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts