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 #C2BED6 to #C2D6BE and to #BEC2D6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2C2D2
#C2C2D3
#C2C1D3
#C2C1D4
#C1C0D5
#C1C0D5
#C1BFD6
#C2C6CE
#C2C5CF
#C2C4D1
#C2C3D2
#C1C2D3
#C1C0D4
#C1BFD6
#C2CACA
#C2C8CC
#C1C7CE
#C1C5D0
#C1C4D2
#C0C2D4
#C0C0D6
#C2CDC7
#C2CBC9
#C1C9CC
#C1C7CE
#C0C5D1
#C0C3D3
#BFC1D6
#C2D1C3
#C2CEC6
#C1CCC9
#C1C9CC
#C0C7CF
#C0C4D2
#BFC1D6
#C2D6BE
#C1D3C2
#C1D0C6
#C0CCCA
#BFC9CD
#BFC6D1
#BEC2D6
Colorpallet from #C2BED6 to #C2D6BE and to #BED6C2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C1C2D3
#C1C2D3
#C1C2D3
#C2C6CE
#C2C6CE
#C2C6CF
#C2C6CF
#C1C6CF
#C1C6D0
#C1C6D0
#C2CACA
#C2CACA
#C1CACB
#C1CACB
#C1CACB
#C0CACC
#C0CACC
#C2CDC7
#C2CDC7
#C1CDC8
#C1CDC8
#C0CDC8
#C0CDC9
#BFCDC9
#C2D1C3
#C2D1C3
#C1D1C4
#C1D1C4
#C0D1C5
#C0D1C5
#BFD1C6
#C2D6BE
#C1D6BF
#C1D6BF
#C0D6C0
#BFD6C1
#BFD6C1
#BED6C2
Colorpallet from #C2BED6 to #C2D6BE and to #D6C2BE
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2C2D2
#C2C2D2
#C3C1D2
#C3C1D2
#C4C0D2
#C4C0D2
#C5BFD2
#C2C6CE
#C3C5CE
#C4C4CE
#C5C3CE
#C6C2CE
#C7C0CE
#C8BFCE
#C2CACA
#C4C8CA
#C5C7CA
#C7C5CA
#C8C4CA
#CAC2CA
#CCC0CA
#C2CDC7
#C4CBC7
#C6C9C7
#C8C7C7
#CAC5C7
#CCC3C7
#CFC1C7
#C2D1C3
#C5CEC3
#C7CCC3
#CAC9C3
#CCC7C3
#CFC4C3
#D2C1C3
#C2D6BE
#C5D3BE
#C8D0BE
#CCCCBE
#CFC9BE
#D2C6BE
#D6C2BE
Colorpallet from #C2BED6 to #C2D6BE and to #D6BEC2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2C2D2
#C2C1D2
#C3C1D2
#C3C0D2
#C4BFD3
#C4BFD3
#C5BED3
#C2C6CE
#C3C5CE
#C4C3CF
#C5C2CF
#C6C1CF
#C7C0D0
#C8BED0
#C2CACA
#C4C8CA
#C5C6CB
#C7C4CB
#C8C2CB
#CAC0CC
#CCBECC
#C2CDC7
#C4CBC7
#C6C8C8
#C8C6C8
#CAC3C8
#CCC1C9
#CFBEC9
#C2D1C3
#C5CEC3
#C7CBC4
#CAC8C4
#CCC5C5
#CFC2C5
#D2BEC6
#C2D6BE
#C5D2BF
#C8CEBF
#CCCAC0
#CFC7C1
#D2C3C1
#D6BEC2
Colorpallet from #C2BED6 to #BEC2D6 and to #BED6C2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C1BFD6
#C1BFD6
#C1C0D5
#C1C0D5
#C1C1D4
#C1C1D4
#C1C2D3
#C1BFD6
#C1C0D5
#C1C1D4
#C1C2D3
#C1C3D2
#C1C5D1
#C1C6D0
#C0C0D6
#C0C2D4
#C0C3D3
#C0C5D1
#C0C6D0
#C0C8CE
#C0CACC
#BFC1D6
#BFC3D4
#BFC5D2
#BFC7D0
#BFC9CE
#BFCBCC
#BFCDC9
#BFC1D6
#BFC4D3
#BFC6D1
#BFC9CE
#BFCBCC
#BFCEC9
#BFD1C6
#BEC2D6
#BEC5D3
#BEC8D0
#BECCCC
#BECFC9
#BED2C6
#BED6C2
Colorpallet from #C2BED6 to #BEC2D6 and to #D6C2BE
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C1BFD6
#C2BFD5
#C2BFD5
#C3BFD4
#C4BFD3
#C4BFD3
#C5BFD2
#C1BFD6
#C2BFD5
#C3BFD3
#C4BFD2
#C5BFD1
#C7BFD0
#C8BFCE
#C0C0D6
#C2C0D4
#C4C0D2
#C6C0D0
#C8C0CE
#CAC0CC
#CCC0CA
#BFC1D6
#C2C1D4
#C4C1D1
#C7C1CF
#C9C1CC
#CCC1CA
#CFC1C7
#BFC1D6
#C2C1D3
#C5C1D0
#C8C1CD
#CBC1CA
#CEC1C7
#D2C1C3
#BEC2D6
#C2C2D2
#C6C2CE
#CAC2CA
#CDC2C7
#D1C2C3
#D6C2BE
Colorpallet from #C2BED6 to #BEC2D6 and to #D6BEC2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C1BFD6
#C2BFD6
#C2BFD5
#C3BFD5
#C4BED4
#C4BED4
#C5BED3
#C1BFD6
#C2BFD5
#C3BFD4
#C4BFD3
#C5BED2
#C7BED1
#C8BED0
#C0C0D6
#C2C0D4
#C4BFD3
#C6BFD1
#C8BFD0
#CABECE
#CCBECC
#BFC1D6
#C2C1D4
#C4C0D2
#C7C0D0
#C9BFCE
#CCBFCC
#CFBEC9
#BFC1D6
#C2C1D3
#C5C0D1
#C8C0CE
#CBBFCC
#CEBFC9
#D2BEC6
#BEC2D6
#C2C1D3
#C6C1D0
#CAC0CC
#CDBFC9
#D1BFC6
#D6BEC2
Colorpallet from #C2BED6 to #BED6C2 and to #D6C2BE
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C1C2D3
#C2C2D3
#C2C1D3
#C3C1D3
#C4C0D2
#C4C0D2
#C5BFD2
#C1C6D0
#C2C5D0
#C3C4CF
#C4C3CF
#C5C2CF
#C7C0CE
#C8BFCE
#C0CACC
#C2C8CC
#C4C7CB
#C6C5CB
#C8C4CB
#CAC2CA
#CCC0CA
#BFCDC9
#C2CBC9
#C4C9C8
#C7C7C8
#C9C5C8
#CCC3C7
#CFC1C7
#BFD1C6
#C2CEC6
#C5CCC5
#C8C9C5
#CBC7C4
#CEC4C4
#D2C1C3
#BED6C2
#C2D3C1
#C6D0C1
#CACCC0
#CDC9BF
#D1C6BF
#D6C2BE
Colorpallet from #C2BED6 to #BED6C2 and to #D6BEC2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C1C2D3
#C2C1D3
#C2C1D3
#C3C0D3
#C4BFD3
#C4BFD3
#C5BED3
#C1C6D0
#C2C5D0
#C3C3D0
#C4C2D0
#C5C1D0
#C7C0D0
#C8BED0
#C0CACC
#C2C8CC
#C4C6CC
#C6C4CC
#C8C2CC
#CAC0CC
#CCBECC
#BFCDC9
#C2CBC9
#C4C8C9
#C7C6C9
#C9C3C9
#CCC1C9
#CFBEC9
#BFD1C6
#C2CEC6
#C5CBC6
#C8C8C6
#CBC5C6
#CEC2C6
#D2BEC6
#BED6C2
#C2D2C2
#C6CEC2
#CACAC2
#CDC7C2
#D1C3C2
#D6BEC2
Colorpallet from #C2BED6 to #D6C2BE and to #D6BEC2
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C2BED6
#C5BFD2
#C5BFD2
#C5BFD2
#C5BFD2
#C5BED3
#C5BED3
#C5BED3
#C8BFCE
#C8BFCE
#C8BFCF
#C8BFCF
#C8BECF
#C8BED0
#C8BED0
#CCC0CA
#CCC0CA
#CCBFCB
#CCBFCB
#CCBFCB
#CCBECC
#CCBECC
#CFC1C7
#CFC1C7
#CFC0C8
#CFC0C8
#CFBFC8
#CFBFC9
#CFBEC9
#D2C1C3
#D2C1C3
#D2C0C4
#D2C0C4
#D2BFC5
#D2BFC5
#D2BEC6
#D6C2BE
#D6C1BF
#D6C1BF
#D6C0C0
#D6BFC1
#D6BFC1
#D6BEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts