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 #C2D8BE to #C2BED8 and to #D8C2BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D4C2
#C3D4C1
#C3D4C1
#C4D4C0
#C5D4BF
#C5D4BF
#C6D4BE
#C2D0C6
#C3D0C5
#C4D0C3
#C5D0C2
#C6D1C1
#C8D1C0
#C9D1BE
#C2CCCA
#C4CCC8
#C6CCC6
#C7CCC4
#C9CDC2
#CBCDC0
#CDCDBE
#C2C7CF
#C4C7CC
#C6C8CA
#C9C8C7
#CBC9C4
#CDC9C1
#D0CABE
#C2C3D3
#C5C3D0
#C8C4CC
#CBC4C9
#CEC5C6
#D0C5C2
#D4C6BE
#C2BED8
#C6BFD4
#C9BFD0
#CDC0CC
#D0C1C7
#D4C1C3
#D8C2BE
Colorpallet from #C2D8BE to #C2BED8 and to #D8BEC2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D4C2
#C3D4C2
#C3D4C1
#C4D4C1
#C5D4C0
#C5D4C0
#C6D4BF
#C2D0C6
#C3D0C5
#C4D0C4
#C5D0C3
#C6D0C2
#C8D0C0
#C9D0BF
#C2CCCA
#C4CCC8
#C6CCC7
#C7CCC5
#C9CCC4
#CBCCC2
#CDCCC0
#C2C7CF
#C4C7CD
#C6C7CB
#C9C7C8
#CBC7C6
#CDC7C4
#D0C7C1
#C2C3D3
#C5C3D0
#C8C3CD
#CBC3CA
#CEC3C7
#D0C3C5
#D4C3C1
#C2BED8
#C6BED4
#C9BED1
#CDBECD
#D0BECA
#D4BEC6
#D8BEC2
Colorpallet from #C2D8BE to #C2BED8 and to #BEC2D8
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D4C2
#C2D4C2
#C2D4C2
#C2D4C2
#C1D4C2
#C1D4C2
#C1D4C2
#C2D0C6
#C2D0C6
#C2D0C6
#C2D0C6
#C1D1C6
#C1D1C6
#C1D1C6
#C2CCCA
#C2CCCA
#C1CCCA
#C1CCCA
#C1CDCA
#C0CDCA
#C0CDCA
#C2C7CF
#C2C7CF
#C1C8CF
#C1C8CF
#C0C9CF
#C0C9CF
#BFCACF
#C2C3D3
#C2C3D3
#C1C4D3
#C1C4D3
#C0C5D3
#C0C5D3
#BFC6D3
#C2BED8
#C1BFD8
#C1BFD8
#C0C0D8
#BFC1D8
#BFC1D8
#BEC2D8
Colorpallet from #C2D8BE to #C2BED8 and to #BED8C2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D4C2
#C2D5C2
#C2D5C1
#C2D6C1
#C1D7C0
#C1D7C0
#C1D8BF
#C2D0C6
#C2D1C5
#C2D3C4
#C2D4C3
#C1D5C2
#C1D6C0
#C1D8BF
#C2CCCA
#C2CEC8
#C1D0C7
#C1D2C5
#C1D4C4
#C0D6C2
#C0D8C0
#C2C7CF
#C2CACD
#C1CCCB
#C1CFC8
#C0D2C6
#C0D5C4
#BFD8C1
#C2C3D3
#C2C6D0
#C1CACD
#C1CDCA
#C0D0C7
#C0D4C5
#BFD8C1
#C2BED8
#C1C2D4
#C1C6D1
#C0CACD
#BFCFCA
#BFD3C6
#BED8C2
Colorpallet from #C2D8BE to #D8C2BE and to #D8BEC2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C6D4BE
#C6D4BE
#C6D4BE
#C6D4BE
#C6D4BF
#C6D4BF
#C6D4BF
#C9D1BE
#C9D1BE
#C9D1BE
#C9D1BE
#C9D0BF
#C9D0BF
#C9D0BF
#CDCDBE
#CDCDBE
#CDCDBF
#CDCDBF
#CDCCBF
#CDCCC0
#CDCCC0
#D0CABE
#D0CABE
#D0C9BF
#D0C9BF
#D0C8C0
#D0C8C0
#D0C7C1
#D4C6BE
#D4C6BE
#D4C5BF
#D4C5BF
#D4C4C0
#D4C4C0
#D4C3C1
#D8C2BE
#D8C1BF
#D8C1BF
#D8C0C0
#D8BFC1
#D8BFC1
#D8BEC2
Colorpallet from #C2D8BE to #D8C2BE and to #BEC2D8
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C6D4BE
#C5D4BF
#C4D4BF
#C4D4C0
#C3D4C1
#C2D4C1
#C1D4C2
#C9D1BE
#C8D1BF
#C6D1C1
#C5D1C2
#C4D1C3
#C3D1C4
#C1D1C6
#CDCDBE
#CBCDC0
#C9CDC2
#C7CDC4
#C5CDC6
#C3CDC8
#C0CDCA
#D0CABE
#CDCAC1
#CBCAC3
#C8CAC6
#C5CAC9
#C2CACC
#BFCACF
#D4C6BE
#D1C6C1
#CDC6C5
#CAC6C8
#C7C6CB
#C3C6CF
#BFC6D3
#D8C2BE
#D4C2C2
#D0C2C6
#CCC2CA
#C7C2CF
#C3C2D3
#BEC2D8
Colorpallet from #C2D8BE to #D8C2BE and to #BED8C2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C6D4BE
#C5D5BE
#C4D5BE
#C4D6BE
#C3D7BF
#C2D7BF
#C1D8BF
#C9D1BE
#C8D2BE
#C6D3BE
#C5D4BE
#C4D5BF
#C3D7BF
#C1D8BF
#CDCDBE
#CBCFBE
#C9D1BF
#C7D2BF
#C5D4BF
#C3D6C0
#C0D8C0
#D0CABE
#CDCCBE
#CBCEBF
#C8D1BF
#C5D3C0
#C2D5C0
#BFD8C1
#D4C6BE
#D1C9BE
#CDCCBF
#CACFBF
#C7D2C0
#C3D4C0
#BFD8C1
#D8C2BE
#D4C6BF
#D0C9BF
#CCCDC0
#C7D0C1
#C3D4C1
#BED8C2
Colorpallet from #C2D8BE to #D8BEC2 and to #BEC2D8
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C6D4BF
#C5D4BF
#C4D4C0
#C4D4C0
#C3D4C1
#C2D4C1
#C1D4C2
#C9D0BF
#C8D0C0
#C6D0C1
#C5D0C2
#C4D1C3
#C3D1C5
#C1D1C6
#CDCCC0
#CBCCC2
#C9CCC3
#C7CCC5
#C5CDC6
#C3CDC8
#C0CDCA
#D0C7C1
#CDC7C3
#CBC8C5
#C8C8C8
#C5C9CA
#C2C9CC
#BFCACF
#D4C3C1
#D1C3C4
#CDC4C7
#CAC4CA
#C7C5CD
#C3C5CF
#BFC6D3
#D8BEC2
#D4BFC6
#D0BFC9
#CCC0CD
#C7C1D0
#C3C1D4
#BEC2D8
Colorpallet from #C2D8BE to #D8BEC2 and to #BED8C2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C6D4BF
#C5D5BF
#C4D5BF
#C4D6BF
#C3D7BF
#C2D7BF
#C1D8BF
#C9D0BF
#C8D1BF
#C6D3BF
#C5D4BF
#C4D5BF
#C3D6BF
#C1D8BF
#CDCCC0
#CBCEC0
#C9D0C0
#C7D2C0
#C5D4C0
#C3D6C0
#C0D8C0
#D0C7C1
#CDCAC1
#CBCCC1
#C8CFC1
#C5D2C1
#C2D5C1
#BFD8C1
#D4C3C1
#D1C6C1
#CDCAC1
#CACDC1
#C7D0C1
#C3D4C1
#BFD8C1
#D8BEC2
#D4C2C2
#D0C6C2
#CCCAC2
#C7CFC2
#C3D3C2
#BED8C2
Colorpallet from #C2D8BE to #BEC2D8 and to #BED8C2
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C2D8BE
#C1D4C2
#C1D5C2
#C1D5C1
#C1D6C1
#C1D7C0
#C1D7C0
#C1D8BF
#C1D1C6
#C1D2C5
#C1D3C4
#C1D4C3
#C1D5C2
#C1D7C0
#C1D8BF
#C0CDCA
#C0CFC8
#C0D1C7
#C0D2C5
#C0D4C4
#C0D6C2
#C0D8C0
#BFCACF
#BFCCCD
#BFCECB
#BFD1C8
#BFD3C6
#BFD5C4
#BFD8C1
#BFC6D3
#BFC9D0
#BFCCCD
#BFCFCA
#BFD2C7
#BFD4C5
#BFD8C1
#BEC2D8
#BEC6D4
#BEC9D1
#BECDCD
#BED0CA
#BED4C6
#BED8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts