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 #C2BDD8 to #C2D8BD and to #BDC2D8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2C1D4
#C2C1D5
#C2C0D5
#C2C0D6
#C1BFD7
#C1BFD7
#C1BED8
#C2C6CF
#C2C5D0
#C1C4D2
#C1C3D3
#C1C2D5
#C0C0D6
#C0BFD8
#C2CACB
#C2C8CD
#C1C6CF
#C1C5D1
#C1C3D3
#C0C1D5
#C0BFD8
#C2CEC7
#C2CCCA
#C1CACC
#C1C7CF
#C0C5D2
#C0C3D5
#BFC0D8
#C2D3C2
#C1D0C6
#C1CDC9
#C0CACD
#BFC7D0
#BFC5D4
#BEC1D8
#C2D8BD
#C1D4C1
#C0D1C6
#C0CDCA
#BFCACE
#BEC6D3
#BDC2D8
Colorpallet from #C2BDD8 to #C2D8BD and to #BDD8C2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2C1D4
#C2C1D4
#C2C1D4
#C2C1D4
#C1C1D4
#C1C1D4
#C1C1D4
#C2C6CF
#C2C6CF
#C1C6D0
#C1C6D0
#C1C6D0
#C0C6D1
#C0C6D1
#C2CACB
#C2CACB
#C1CACC
#C1CACC
#C1CACC
#C0CACD
#C0CACD
#C2CEC7
#C2CEC7
#C1CEC8
#C1CEC8
#C0CEC9
#C0CEC9
#BFCECA
#C2D3C2
#C1D3C3
#C1D3C3
#C0D3C4
#BFD3C5
#BFD3C5
#BED3C6
#C2D8BD
#C1D8BE
#C0D8BF
#C0D8BF
#BFD8C0
#BED8C1
#BDD8C2
Colorpallet from #C2BDD8 to #C2D8BD and to #D8C2BD
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2C1D4
#C3C1D4
#C3C0D4
#C4C0D4
#C5BFD4
#C5BFD4
#C6BED4
#C2C6CF
#C3C5CF
#C4C4CF
#C5C3CF
#C6C2CF
#C8C0CF
#C9BFCF
#C2CACB
#C4C8CB
#C6C6CB
#C7C5CB
#C9C3CB
#CBC1CB
#CDBFCB
#C2CEC7
#C4CCC7
#C6CAC7
#C9C7C7
#CBC5C7
#CDC3C7
#D0C0C7
#C2D3C2
#C5D0C2
#C8CDC2
#CBCAC2
#CEC7C2
#D0C5C2
#D4C1C2
#C2D8BD
#C6D4BD
#C9D1BD
#CDCDBD
#D0CABD
#D4C6BD
#D8C2BD
Colorpallet from #C2BDD8 to #C2D8BD and to #D8BDC2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2C1D4
#C3C0D4
#C3C0D4
#C4BFD4
#C5BED4
#C5BED4
#C6BDD4
#C2C6CF
#C3C5CF
#C4C3D0
#C5C2D0
#C6C0D0
#C8BFD1
#C9BDD1
#C2CACB
#C4C8CB
#C6C6CC
#C7C4CC
#C9C2CC
#CBC0CD
#CDBDCD
#C2CEC7
#C4CBC7
#C6C9C8
#C9C6C8
#CBC3C9
#CDC0C9
#D0BDCA
#C2D3C2
#C5CFC3
#C8CCC3
#CBC8C4
#CEC5C5
#D0C1C5
#D4BDC6
#C2D8BD
#C6D4BE
#C9CFBF
#CDCBBF
#D0C7C0
#D4C2C1
#D8BDC2
Colorpallet from #C2BDD8 to #BDC2D8 and to #BDD8C2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C1BED8
#C1BED7
#C1BFD7
#C1BFD6
#C1C0D5
#C1C0D5
#C1C1D4
#C0BFD8
#C0C0D7
#C0C1D6
#C0C2D5
#C0C3D4
#C0C5D2
#C0C6D1
#C0BFD8
#C0C1D6
#C0C3D4
#C0C4D3
#C0C6D1
#C0C8CF
#C0CACD
#BFC0D8
#BFC2D6
#BFC4D4
#BFC7D1
#BFC9CF
#BFCBCD
#BFCECA
#BEC1D8
#BEC4D5
#BEC7D2
#BECACF
#BECDCC
#BECFCA
#BED3C6
#BDC2D8
#BDC6D4
#BDC9D1
#BDCDCD
#BDD0CA
#BDD4C6
#BDD8C2
Colorpallet from #C2BDD8 to #BDC2D8 and to #D8C2BD
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C1BED8
#C2BED7
#C3BED7
#C3BED6
#C4BED5
#C5BED5
#C6BED4
#C0BFD8
#C1BFD7
#C3BFD5
#C4BFD4
#C6BFD2
#C7BFD1
#C9BFCF
#C0BFD8
#C2BFD6
#C4BFD4
#C6BFD2
#C8BFD0
#CABFCE
#CDBFCB
#BFC0D8
#C2C0D5
#C4C0D3
#C7C0D0
#CAC0CD
#CDC0CA
#D0C0C7
#BEC1D8
#C2C1D4
#C5C1D1
#C9C1CD
#CCC1CA
#D0C1C6
#D4C1C2
#BDC2D8
#C1C2D4
#C6C2CF
#CAC2CB
#CEC2C7
#D3C2C2
#D8C2BD
Colorpallet from #C2BDD8 to #BDC2D8 and to #D8BDC2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C1BED8
#C2BED7
#C3BED7
#C3BED6
#C4BDD5
#C5BDD5
#C6BDD4
#C0BFD8
#C1BFD7
#C3BED6
#C4BED5
#C6BED4
#C7BDD2
#C9BDD1
#C0BFD8
#C2BFD6
#C4BED4
#C6BED3
#C8BED1
#CABDCF
#CDBDCD
#BFC0D8
#C2C0D6
#C4BFD4
#C7BFD1
#CABECF
#CDBECD
#D0BDCA
#BEC1D8
#C2C0D5
#C5C0D2
#C9BFCF
#CCBECC
#D0BECA
#D4BDC6
#BDC2D8
#C1C1D4
#C6C0D1
#CAC0CD
#CEBFCA
#D3BEC6
#D8BDC2
Colorpallet from #C2BDD8 to #BDD8C2 and to #D8C2BD
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C1C1D4
#C2C1D4
#C3C0D4
#C3C0D4
#C4BFD4
#C5BFD4
#C6BED4
#C0C6D1
#C1C5D1
#C3C4D0
#C4C3D0
#C6C2D0
#C7C0CF
#C9BFCF
#C0CACD
#C2C8CD
#C4C6CC
#C6C5CC
#C8C3CC
#CAC1CB
#CDBFCB
#BFCECA
#C2CCCA
#C4CAC9
#C7C7C9
#CAC5C8
#CDC3C8
#D0C0C7
#BED3C6
#C2D0C5
#C5CDC5
#C9CAC4
#CCC7C3
#D0C5C3
#D4C1C2
#BDD8C2
#C1D4C1
#C6D1C0
#CACDC0
#CECABF
#D3C6BE
#D8C2BD
Colorpallet from #C2BDD8 to #BDD8C2 and to #D8BDC2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C1C1D4
#C2C0D4
#C3C0D4
#C3BFD4
#C4BED4
#C5BED4
#C6BDD4
#C0C6D1
#C1C5D1
#C3C3D1
#C4C2D1
#C6C0D1
#C7BFD1
#C9BDD1
#C0CACD
#C2C8CD
#C4C6CD
#C6C4CD
#C8C2CD
#CAC0CD
#CDBDCD
#BFCECA
#C2CBCA
#C4C9CA
#C7C6CA
#CAC3CA
#CDC0CA
#D0BDCA
#BED3C6
#C2CFC6
#C5CCC6
#C9C8C6
#CCC5C6
#D0C1C6
#D4BDC6
#BDD8C2
#C1D4C2
#C6CFC2
#CACBC2
#CEC7C2
#D3C2C2
#D8BDC2
Colorpallet from #C2BDD8 to #D8C2BD and to #D8BDC2
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C2BDD8
#C6BED4
#C6BED4
#C6BED4
#C6BED4
#C6BDD4
#C6BDD4
#C6BDD4
#C9BFCF
#C9BFCF
#C9BED0
#C9BED0
#C9BED0
#C9BDD1
#C9BDD1
#CDBFCB
#CDBFCB
#CDBECC
#CDBECC
#CDBECC
#CDBDCD
#CDBDCD
#D0C0C7
#D0C0C7
#D0BFC8
#D0BFC8
#D0BEC9
#D0BEC9
#D0BDCA
#D4C1C2
#D4C0C3
#D4C0C3
#D4BFC4
#D4BEC5
#D4BEC5
#D4BDC6
#D8C2BD
#D8C1BE
#D8C0BF
#D8C0BF
#D8BFC0
#D8BEC1
#D8BDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts