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 #C6CDD2 to #C6D2CD and to #CDC6D2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CED1
#C6CED1
#C6CDD1
#C6CDD1
#C7CDD2
#C7CCD2
#C7CCD2
#C6CFD0
#C6CED0
#C7CED1
#C7CDD1
#C7CCD1
#C8CCD2
#C8CBD2
#C6CFD0
#C6CED0
#C7CDD1
#C7CDD1
#C8CCD1
#C8CBD2
#C9CAD2
#C6D0CF
#C7CFCF
#C7CED0
#C8CDD0
#C9CCD1
#C9CAD1
#CAC9D2
#C6D1CE
#C7CFCF
#C8CECF
#C9CCD0
#CACBD1
#CBC9D1
#CCC7D2
#C6D2CD
#C7D0CE
#C8CECF
#C9CCCF
#CACAD0
#CCC8D1
#CDC6D2
Colorpallet from #C6CDD2 to #C6D2CD and to #CDD2C6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CED1
#C6CED1
#C6CED1
#C6CED1
#C7CED0
#C7CED0
#C7CED0
#C6CFD0
#C6CFD0
#C7CFCF
#C7CFCF
#C7CFCF
#C8CFCE
#C8CFCE
#C6CFD0
#C6CFCF
#C7CFCF
#C7CFCE
#C8CFCD
#C8CFCD
#C9CFCC
#C6D0CF
#C7D0CE
#C7D0CD
#C8D0CD
#C9D0CC
#C9D0CB
#CAD0CA
#C6D1CE
#C7D1CD
#C8D1CC
#C9D1CB
#CAD1CA
#CBD1C9
#CCD1C8
#C6D2CD
#C7D2CC
#C8D2CB
#C9D2CA
#CAD2C9
#CCD2C7
#CDD2C6
Colorpallet from #C6CDD2 to #C6D2CD and to #D2C6CD
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CED1
#C6CED1
#C7CDD1
#C7CDD1
#C7CDD1
#C8CCD1
#C8CCD1
#C6CFD0
#C7CED0
#C7CED0
#C8CDD0
#C9CCD0
#C9CCD0
#CACBD0
#C6CFD0
#C7CED0
#C8CDD0
#C9CDD0
#CACCD0
#CBCBD0
#CCCAD0
#C6D0CF
#C7CFCF
#C9CECF
#CACDCF
#CBCCCF
#CCCACF
#CEC9CF
#C6D1CE
#C8CFCE
#C9CECE
#CBCCCE
#CCCBCE
#CEC9CE
#D0C7CE
#C6D2CD
#C8D0CD
#CACECD
#CCCCCD
#CECACD
#D0C8CD
#D2C6CD
Colorpallet from #C6CDD2 to #C6D2CD and to #D2CDC6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CED1
#C6CED1
#C7CED1
#C7CED1
#C7CDD0
#C8CDD0
#C8CDD0
#C6CFD0
#C7CFD0
#C7CECF
#C8CECF
#C9CECF
#C9CDCE
#CACDCE
#C6CFD0
#C7CFCF
#C8CECF
#C9CECE
#CACECD
#CBCDCD
#CCCDCC
#C6D0CF
#C7D0CE
#C9CFCD
#CACFCD
#CBCECC
#CCCECB
#CECDCA
#C6D1CE
#C8D0CD
#C9D0CC
#CBCFCB
#CCCECA
#CECEC9
#D0CDC8
#C6D2CD
#C8D1CC
#CAD0CB
#CCD0CA
#CECFC9
#D0CEC7
#D2CDC6
Colorpallet from #C6CDD2 to #CDC6D2 and to #CDD2C6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C7CCD2
#C7CCD2
#C7CDD1
#C7CDD1
#C7CDD1
#C7CED0
#C7CED0
#C8CBD2
#C8CCD1
#C8CCD1
#C8CDD0
#C8CECF
#C8CECF
#C8CFCE
#C9CAD2
#C9CBD1
#C9CCD0
#C9CCCF
#C9CDCE
#C9CECD
#C9CFCC
#CAC9D2
#CACAD1
#CACBCF
#CACCCE
#CACDCD
#CACFCC
#CAD0CA
#CCC7D2
#CCC9D0
#CCCACF
#CCCCCD
#CCCDCC
#CCCFCA
#CCD1C8
#CDC6D2
#CDC8D0
#CDCACE
#CDCCCC
#CDCECA
#CDD0C8
#CDD2C6
Colorpallet from #C6CDD2 to #CDC6D2 and to #D2C6CD
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C7CCD2
#C7CCD2
#C7CCD2
#C7CCD2
#C8CCD1
#C8CCD1
#C8CCD1
#C8CBD2
#C8CBD2
#C9CBD1
#C9CBD1
#C9CBD1
#CACBD0
#CACBD0
#C9CAD2
#C9CAD2
#CACAD1
#CACAD1
#CBCAD1
#CBCAD0
#CCCAD0
#CAC9D2
#CBC9D2
#CBC9D1
#CCC9D1
#CDC9D0
#CDC9D0
#CEC9CF
#CCC7D2
#CDC7D1
#CDC7D1
#CEC7D0
#CFC7CF
#CFC7CF
#D0C7CE
#CDC6D2
#CEC6D1
#CFC6D0
#CFC6D0
#D0C6CF
#D1C6CE
#D2C6CD
Colorpallet from #C6CDD2 to #CDC6D2 and to #D2CDC6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C7CCD2
#C7CCD2
#C7CCD1
#C7CCD1
#C8CDD1
#C8CDD0
#C8CDD0
#C8CBD2
#C8CBD1
#C9CCD1
#C9CCD0
#C9CCCF
#CACDCF
#CACDCE
#C9CAD2
#C9CAD1
#CACBD0
#CACBCF
#CBCCCE
#CBCCCD
#CCCDCC
#CAC9D2
#CBCAD1
#CBCACF
#CCCBCE
#CDCCCD
#CDCCCC
#CECDCA
#CCC7D2
#CDC8D0
#CDC9CF
#CECACD
#CFCBCC
#CFCCCA
#D0CDC8
#CDC6D2
#CEC7D0
#CFC8CE
#CFC9CC
#D0CACA
#D1CCC8
#D2CDC6
Colorpallet from #C6CDD2 to #CDD2C6 and to #D2C6CD
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C7CED0
#C7CED0
#C7CDD0
#C7CDD0
#C8CDD1
#C8CCD1
#C8CCD1
#C8CFCE
#C8CECE
#C9CECF
#C9CDCF
#C9CCCF
#CACCD0
#CACBD0
#C9CFCC
#C9CECD
#CACDCD
#CACDCE
#CBCCCF
#CBCBCF
#CCCAD0
#CAD0CA
#CBCFCB
#CBCECC
#CCCDCC
#CDCCCD
#CDCACE
#CEC9CF
#CCD1C8
#CDCFC9
#CDCECA
#CECCCB
#CFCBCC
#CFC9CD
#D0C7CE
#CDD2C6
#CED0C7
#CFCEC8
#CFCCC9
#D0CACA
#D1C8CC
#D2C6CD
Colorpallet from #C6CDD2 to #CDD2C6 and to #D2CDC6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C7CED0
#C7CED0
#C7CED0
#C7CED0
#C8CDD0
#C8CDD0
#C8CDD0
#C8CFCE
#C8CFCE
#C9CECE
#C9CECE
#C9CECE
#CACDCE
#CACDCE
#C9CFCC
#C9CFCC
#CACECC
#CACECC
#CBCECC
#CBCDCC
#CCCDCC
#CAD0CA
#CBD0CA
#CBCFCA
#CCCFCA
#CDCECA
#CDCECA
#CECDCA
#CCD1C8
#CDD0C8
#CDD0C8
#CECFC8
#CFCEC8
#CFCEC8
#D0CDC8
#CDD2C6
#CED1C6
#CFD0C6
#CFD0C6
#D0CFC6
#D1CEC6
#D2CDC6
Colorpallet from #C6CDD2 to #D2C6CD and to #D2CDC6
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C6CDD2
#C8CCD1
#C8CCD1
#C8CCD1
#C8CCD1
#C8CDD0
#C8CDD0
#C8CDD0
#CACBD0
#CACBD0
#CACCCF
#CACCCF
#CACCCF
#CACDCE
#CACDCE
#CCCAD0
#CCCACF
#CCCBCF
#CCCBCE
#CCCCCD
#CCCCCD
#CCCDCC
#CEC9CF
#CECACE
#CECACD
#CECBCD
#CECCCC
#CECCCB
#CECDCA
#D0C7CE
#D0C8CD
#D0C9CC
#D0CACB
#D0CBCA
#D0CCC9
#D0CDC8
#D2C6CD
#D2C7CC
#D2C8CB
#D2C9CA
#D2CAC9
#D2CCC7
#D2CDC6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts