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 #C2D8BF to #C2BFD8 and to #D8C2BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D4C3
#C3D4C2
#C3D4C2
#C4D4C1
#C5D4C0
#C5D4C0
#C6D4BF
#C2D0C7
#C3D0C6
#C4D0C4
#C5D0C3
#C6D1C2
#C8D1C1
#C9D1BF
#C2CCCB
#C4CCC9
#C6CCC7
#C7CCC5
#C9CDC3
#CBCDC1
#CDCDBF
#C2C8CF
#C4C8CC
#C6C9CA
#C9C9C7
#CBC9C5
#CDCAC2
#D0CABF
#C2C4D3
#C5C4D0
#C8C5CD
#CBC5C9
#CEC5C6
#D0C6C3
#D4C6BF
#C2BFD8
#C6BFD4
#C9C0D0
#CDC0CC
#D0C1C8
#D4C1C4
#D8C2BF
Colorpallet from #C2D8BF to #C2BFD8 and to #D8BFC2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D4C3
#C3D4C2
#C3D4C2
#C4D4C1
#C5D4C0
#C5D4C0
#C6D4BF
#C2D0C7
#C3D0C6
#C4D0C5
#C5D0C4
#C6D0C3
#C8D0C1
#C9D0C0
#C2CCCB
#C4CCC9
#C6CCC7
#C7CCC6
#C9CCC4
#CBCCC2
#CDCCC0
#C2C8CF
#C4C8CD
#C6C8CB
#C9C8C8
#CBC8C6
#CDC8C4
#D0C8C1
#C2C4D3
#C5C4D0
#C8C4CD
#CBC4CA
#CEC4C7
#D0C4C5
#D4C4C1
#C2BFD8
#C6BFD4
#C9BFD1
#CDBFCD
#D0BFCA
#D4BFC6
#D8BFC2
Colorpallet from #C2D8BF to #C2BFD8 and to #BFC2D8
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D4C3
#C2D4C3
#C2D4C3
#C2D4C3
#C2D4C3
#C2D4C3
#C2D4C3
#C2D0C7
#C2D0C7
#C2D0C7
#C2D0C7
#C1D1C7
#C1D1C7
#C1D1C7
#C2CCCB
#C2CCCB
#C2CCCB
#C2CCCB
#C1CDCB
#C1CDCB
#C1CDCB
#C2C8CF
#C2C8CF
#C1C9CF
#C1C9CF
#C1C9CF
#C0CACF
#C0CACF
#C2C4D3
#C2C4D3
#C1C5D3
#C1C5D3
#C1C5D3
#C0C6D3
#C0C6D3
#C2BFD8
#C2BFD8
#C1C0D8
#C1C0D8
#C0C1D8
#C0C1D8
#BFC2D8
Colorpallet from #C2D8BF to #C2BFD8 and to #BFD8C2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D4C3
#C2D5C2
#C2D5C2
#C2D6C1
#C2D7C0
#C2D7C0
#C2D8BF
#C2D0C7
#C2D1C6
#C2D3C5
#C2D4C4
#C1D5C3
#C1D6C1
#C1D8C0
#C2CCCB
#C2CEC9
#C2D0C7
#C2D2C6
#C1D4C4
#C1D6C2
#C1D8C0
#C2C8CF
#C2CBCD
#C1CDCB
#C1D0C8
#C1D2C6
#C0D5C4
#C0D8C1
#C2C4D3
#C2C7D0
#C1CACD
#C1CECA
#C1D1C7
#C0D4C5
#C0D8C1
#C2BFD8
#C2C3D4
#C1C7D1
#C1CBCD
#C0CFCA
#C0D3C6
#BFD8C2
Colorpallet from #C2D8BF to #D8C2BF and to #D8BFC2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C6D4BF
#C6D4BF
#C6D4BF
#C6D4BF
#C6D4BF
#C6D4BF
#C6D4BF
#C9D1BF
#C9D1BF
#C9D1BF
#C9D1BF
#C9D0C0
#C9D0C0
#C9D0C0
#CDCDBF
#CDCDBF
#CDCDBF
#CDCDBF
#CDCCC0
#CDCCC0
#CDCCC0
#D0CABF
#D0CABF
#D0C9C0
#D0C9C0
#D0C9C0
#D0C8C1
#D0C8C1
#D4C6BF
#D4C6BF
#D4C5C0
#D4C5C0
#D4C5C0
#D4C4C1
#D4C4C1
#D8C2BF
#D8C2BF
#D8C1C0
#D8C1C0
#D8C0C1
#D8C0C1
#D8BFC2
Colorpallet from #C2D8BF to #D8C2BF and to #BFC2D8
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C6D4BF
#C5D4C0
#C5D4C0
#C4D4C1
#C3D4C2
#C3D4C2
#C2D4C3
#C9D1BF
#C8D1C0
#C6D1C2
#C5D1C3
#C4D1C4
#C3D1C5
#C1D1C7
#CDCDBF
#CBCDC1
#C9CDC3
#C7CDC5
#C5CDC7
#C3CDC9
#C1CDCB
#D0CABF
#CDCAC2
#CBCAC4
#C8CAC7
#C6CAC9
#C3CACC
#C0CACF
#D4C6BF
#D1C6C2
#CEC6C5
#CAC6C9
#C7C6CC
#C4C6CF
#C0C6D3
#D8C2BF
#D4C2C3
#D0C2C7
#CCC2CB
#C8C2CF
#C4C2D3
#BFC2D8
Colorpallet from #C2D8BF to #D8C2BF and to #BFD8C2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C6D4BF
#C5D5BF
#C5D5BF
#C4D6BF
#C3D7BF
#C3D7BF
#C2D8BF
#C9D1BF
#C8D2BF
#C6D3BF
#C5D4BF
#C4D5C0
#C3D7C0
#C1D8C0
#CDCDBF
#CBCFBF
#C9D1BF
#C7D2BF
#C5D4C0
#C3D6C0
#C1D8C0
#D0CABF
#CDCCBF
#CBCEC0
#C8D1C0
#C6D3C0
#C3D5C1
#C0D8C1
#D4C6BF
#D1C9BF
#CECCC0
#CACFC0
#C7D2C0
#C4D4C1
#C0D8C1
#D8C2BF
#D4C6BF
#D0C9C0
#CCCDC0
#C8D0C1
#C4D4C1
#BFD8C2
Colorpallet from #C2D8BF to #D8BFC2 and to #BFC2D8
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C6D4BF
#C5D4C0
#C5D4C0
#C4D4C1
#C3D4C2
#C3D4C2
#C2D4C3
#C9D0C0
#C8D0C1
#C6D0C2
#C5D0C3
#C4D1C4
#C3D1C6
#C1D1C7
#CDCCC0
#CBCCC2
#C9CCC4
#C7CCC5
#C5CDC7
#C3CDC9
#C1CDCB
#D0C8C1
#CDC8C3
#CBC9C5
#C8C9C8
#C6C9CA
#C3CACC
#C0CACF
#D4C4C1
#D1C4C4
#CEC5C7
#CAC5CA
#C7C5CD
#C4C6CF
#C0C6D3
#D8BFC2
#D4BFC6
#D0C0C9
#CCC0CD
#C8C1D0
#C4C1D4
#BFC2D8
Colorpallet from #C2D8BF to #D8BFC2 and to #BFD8C2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C6D4BF
#C5D5BF
#C5D5BF
#C4D6BF
#C3D7BF
#C3D7BF
#C2D8BF
#C9D0C0
#C8D1C0
#C6D3C0
#C5D4C0
#C4D5C0
#C3D6C0
#C1D8C0
#CDCCC0
#CBCEC0
#C9D0C0
#C7D2C0
#C5D4C0
#C3D6C0
#C1D8C0
#D0C8C1
#CDCBC1
#CBCDC1
#C8D0C1
#C6D2C1
#C3D5C1
#C0D8C1
#D4C4C1
#D1C7C1
#CECAC1
#CACEC1
#C7D1C1
#C4D4C1
#C0D8C1
#D8BFC2
#D4C3C2
#D0C7C2
#CCCBC2
#C8CFC2
#C4D3C2
#BFD8C2
Colorpallet from #C2D8BF to #BFC2D8 and to #BFD8C2
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D8BF
#C2D4C3
#C2D5C2
#C2D5C2
#C2D6C1
#C2D7C0
#C2D7C0
#C2D8BF
#C1D1C7
#C1D2C6
#C1D3C5
#C1D4C4
#C1D5C3
#C1D7C1
#C1D8C0
#C1CDCB
#C1CFC9
#C1D1C7
#C1D2C6
#C1D4C4
#C1D6C2
#C1D8C0
#C0CACF
#C0CCCD
#C0CECB
#C0D1C8
#C0D3C6
#C0D5C4
#C0D8C1
#C0C6D3
#C0C9D0
#C0CCCD
#C0CFCA
#C0D2C7
#C0D4C5
#C0D8C1
#BFC2D8
#BFC6D4
#BFC9D1
#BFCDCD
#BFD0CA
#BFD4C6
#BFD8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts