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 #C7D8BF to #C7BFD8 and to #D8C7BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D4C3
#C7D4C2
#C8D4C2
#C8D4C1
#C9D5C0
#C9D5C0
#CAD5BF
#C7D0C7
#C8D0C6
#C9D1C4
#C9D1C3
#CAD2C2
#CBD2C1
#CCD3BF
#C7CCCB
#C8CDC9
#CACDC7
#CBCEC5
#CCCFC3
#CDCFC1
#CFD0BF
#C7C8CF
#C9C9CC
#CBCACA
#CCCAC7
#CECBC5
#D0CCC2
#D2CDBF
#C7C4D3
#C9C5D0
#CBC6CD
#CEC7C9
#D0C8C6
#D2C9C3
#D5CABF
#C7BFD8
#CAC0D4
#CCC2D0
#CFC3CC
#D2C4C8
#D5C5C4
#D8C7BF
Colorpallet from #C7D8BF to #C7BFD8 and to #D8BFC7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D4C3
#C7D4C3
#C8D4C2
#C8D4C2
#C9D4C1
#C9D4C1
#CAD4C0
#C7D0C7
#C8D0C6
#C9D0C5
#C9D0C5
#CAD0C4
#CBD0C3
#CCD0C2
#C7CCCB
#C8CCCA
#CACCC8
#CBCCC7
#CCCCC6
#CDCCC5
#CFCCC3
#C7C8CF
#C9C8CD
#CBC8CB
#CCC8CA
#CEC8C8
#D0C8C6
#D2C8C4
#C7C4D3
#C9C4D1
#CBC4CF
#CEC4CC
#D0C4CA
#D2C4C8
#D5C4C5
#C7BFD8
#CABFD5
#CCBFD3
#CFBFD0
#D2BFCD
#D5BFCA
#D8BFC7
Colorpallet from #C7D8BF to #C7BFD8 and to #BFC7D8
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D4C3
#C7D4C3
#C7D4C3
#C7D4C3
#C6D5C3
#C6D5C3
#C6D5C3
#C7D0C7
#C7D0C7
#C6D1C7
#C6D1C7
#C5D2C7
#C5D2C7
#C4D3C7
#C7CCCB
#C6CDCB
#C6CDCB
#C5CECB
#C4CFCB
#C4CFCB
#C3D0CB
#C7C8CF
#C6C9CF
#C5CACF
#C5CACF
#C4CBCF
#C3CCCF
#C2CDCF
#C7C4D3
#C6C5D3
#C5C6D3
#C4C7D3
#C3C8D3
#C2C9D3
#C1CAD3
#C7BFD8
#C6C0D8
#C4C2D8
#C3C3D8
#C2C4D8
#C1C5D8
#BFC7D8
Colorpallet from #C7D8BF to #C7BFD8 and to #BFD8C7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D4C3
#C7D5C3
#C7D5C2
#C7D6C2
#C6D7C1
#C6D7C1
#C6D8C0
#C7D0C7
#C7D1C6
#C6D3C5
#C6D4C5
#C5D5C4
#C5D6C3
#C4D8C2
#C7CCCB
#C6CECA
#C6D0C8
#C5D2C7
#C4D4C6
#C4D6C5
#C3D8C3
#C7C8CF
#C6CBCD
#C5CDCB
#C5D0CA
#C4D2C8
#C3D5C6
#C2D8C4
#C7C4D3
#C6C7D1
#C5CACF
#C4CECC
#C3D1CA
#C2D4C8
#C1D8C5
#C7BFD8
#C6C3D5
#C4C7D3
#C3CBD0
#C2CFCD
#C1D3CA
#BFD8C7
Colorpallet from #C7D8BF to #D8C7BF and to #D8BFC7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#CAD5BF
#CAD5BF
#CAD5BF
#CAD5BF
#CAD4C0
#CAD4C0
#CAD4C0
#CCD3BF
#CCD3BF
#CCD2C0
#CCD2C0
#CCD1C1
#CCD1C1
#CCD0C2
#CFD0BF
#CFCFC0
#CFCFC0
#CFCEC1
#CFCDC2
#CFCDC2
#CFCCC3
#D2CDBF
#D2CCC0
#D2CBC1
#D2CBC1
#D2CAC2
#D2C9C3
#D2C8C4
#D5CABF
#D5C9C0
#D5C8C1
#D5C7C2
#D5C6C3
#D5C5C4
#D5C4C5
#D8C7BF
#D8C6C0
#D8C4C2
#D8C3C3
#D8C2C4
#D8C1C5
#D8BFC7
Colorpallet from #C7D8BF to #D8C7BF and to #BFC7D8
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#CAD5BF
#C9D5C0
#C9D5C0
#C8D5C1
#C7D5C2
#C7D5C2
#C6D5C3
#CCD3BF
#CBD3C0
#C9D3C2
#C8D3C3
#C7D3C4
#C6D3C5
#C4D3C7
#CFD0BF
#CDD0C1
#CBD0C3
#C9D0C5
#C7D0C7
#C5D0C9
#C3D0CB
#D2CDBF
#CFCDC2
#CDCDC4
#CACDC7
#C8CDC9
#C5CDCC
#C2CDCF
#D5CABF
#D2CAC2
#CFCAC5
#CBCAC9
#C8CACC
#C5CACF
#C1CAD3
#D8C7BF
#D4C7C3
#D0C7C7
#CCC7CB
#C8C7CF
#C4C7D3
#BFC7D8
Colorpallet from #C7D8BF to #D8C7BF and to #BFD8C7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#CAD5BF
#C9D5BF
#C9D6BF
#C8D6BF
#C7D7C0
#C7D7C0
#C6D8C0
#CCD3BF
#CBD4BF
#C9D5C0
#C8D5C0
#C7D6C1
#C6D7C1
#C4D8C2
#CFD0BF
#CDD1C0
#CBD3C0
#C9D4C1
#C7D5C2
#C5D6C2
#C3D8C3
#D2CDBF
#CFCFC0
#CDD1C1
#CAD2C1
#C8D4C2
#C5D6C3
#C2D8C4
#D5CABF
#D2CCC0
#CFCEC1
#CBD1C2
#C8D3C3
#C5D5C4
#C1D8C5
#D8C7BF
#D4CAC0
#D0CCC2
#CCCFC3
#C8D2C4
#C4D5C5
#BFD8C7
Colorpallet from #C7D8BF to #D8BFC7 and to #BFC7D8
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#CAD4C0
#C9D4C0
#C9D4C1
#C8D4C1
#C7D5C2
#C7D5C2
#C6D5C3
#CCD0C2
#CBD0C3
#C9D1C4
#C8D1C4
#C7D2C5
#C6D2C6
#C4D3C7
#CFCCC3
#CDCDC4
#CBCDC6
#C9CEC7
#C7CFC8
#C5CFC9
#C3D0CB
#D2C8C4
#CFC9C6
#CDCAC8
#CACAC9
#C8CBCB
#C5CCCD
#C2CDCF
#D5C4C5
#D2C5C7
#CFC6C9
#CBC7CC
#C8C8CE
#C5C9D0
#C1CAD3
#D8BFC7
#D4C0CA
#D0C2CC
#CCC3CF
#C8C4D2
#C4C5D5
#BFC7D8
Colorpallet from #C7D8BF to #D8BFC7 and to #BFD8C7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#CAD4C0
#C9D5C0
#C9D5C0
#C8D6C0
#C7D7C0
#C7D7C0
#C6D8C0
#CCD0C2
#CBD1C2
#C9D3C2
#C8D4C2
#C7D5C2
#C6D6C2
#C4D8C2
#CFCCC3
#CDCEC3
#CBD0C3
#C9D2C3
#C7D4C3
#C5D6C3
#C3D8C3
#D2C8C4
#CFCBC4
#CDCDC4
#CAD0C4
#C8D2C4
#C5D5C4
#C2D8C4
#D5C4C5
#D2C7C5
#CFCAC5
#CBCEC5
#C8D1C5
#C5D4C5
#C1D8C5
#D8BFC7
#D4C3C7
#D0C7C7
#CCCBC7
#C8CFC7
#C4D3C7
#BFD8C7
Colorpallet from #C7D8BF to #BFC7D8 and to #BFD8C7
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C7D8BF
#C6D5C3
#C6D5C3
#C6D6C2
#C6D6C2
#C6D7C1
#C6D7C1
#C6D8C0
#C4D3C7
#C4D4C6
#C4D5C5
#C4D5C5
#C4D6C4
#C4D7C3
#C4D8C2
#C3D0CB
#C3D1CA
#C3D3C8
#C3D4C7
#C3D5C6
#C3D6C5
#C3D8C3
#C2CDCF
#C2CFCD
#C2D1CB
#C2D2CA
#C2D4C8
#C2D6C6
#C2D8C4
#C1CAD3
#C1CCD1
#C1CECF
#C1D1CC
#C1D3CA
#C1D5C8
#C1D8C5
#BFC7D8
#BFCAD5
#BFCCD3
#BFCFD0
#BFD2CD
#BFD5CA
#BFD8C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts