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 #C2DABD to #C2BDDA and to #DAC2BD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2D5C2
#C3D5C1
#C3D5C0
#C4D5C0
#C5D6BF
#C5D6BE
#C6D6BD
#C2D1C6
#C3D1C5
#C5D1C3
#C6D1C2
#C7D2C0
#C8D2BF
#CAD2BD
#C2CCCB
#C4CCC9
#C6CDC7
#C8CDC4
#CACDC2
#CCCEC0
#CECEBD
#C2C7D0
#C4C8CD
#C7C8CA
#C9C9C7
#CCCAC4
#CECAC1
#D1CBBD
#C2C3D4
#C5C4D0
#C8C4CD
#CBC5C9
#CEC6C5
#D1C6C2
#D5C7BD
#C2BDDA
#C6BED5
#CABFD1
#CEBFCC
#D1C0C7
#D5C1C3
#DAC2BD
Colorpallet from #C2DABD to #C2BDDA and to #DABDC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2D5C2
#C3D5C1
#C3D5C1
#C4D5C0
#C5D5BF
#C5D5BF
#C6D5BE
#C2D1C6
#C3D1C5
#C5D1C4
#C6D1C3
#C7D1C2
#C8D1C0
#CAD1BF
#C2CCCB
#C4CCC9
#C6CCC7
#C8CCC5
#CACCC3
#CCCCC1
#CECCBF
#C2C7D0
#C4C7CD
#C7C7CB
#C9C7C8
#CCC7C6
#CEC7C3
#D1C7C0
#C2C3D4
#C5C3D1
#C8C3CE
#CBC3CB
#CEC3C8
#D1C3C5
#D5C3C1
#C2BDDA
#C6BDD6
#CABDD2
#CEBDCE
#D1BDCB
#D5BDC7
#DABDC2
Colorpallet from #C2DABD to #C2BDDA and to #BDC2DA
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2D5C2
#C2D5C2
#C2D5C2
#C2D5C2
#C1D6C2
#C1D6C2
#C1D6C2
#C2D1C6
#C2D1C6
#C1D1C6
#C1D1C6
#C1D2C6
#C0D2C6
#C0D2C6
#C2CCCB
#C2CCCB
#C1CDCB
#C1CDCB
#C1CDCB
#C0CECB
#C0CECB
#C2C7D0
#C2C8D0
#C1C8D0
#C1C9D0
#C0CAD0
#C0CAD0
#BFCBD0
#C2C3D4
#C1C4D4
#C1C4D4
#C0C5D4
#BFC6D4
#BFC6D4
#BEC7D4
#C2BDDA
#C1BEDA
#C0BFDA
#C0BFDA
#BFC0DA
#BEC1DA
#BDC2DA
Colorpallet from #C2DABD to #C2BDDA and to #BDDAC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2D5C2
#C2D6C1
#C2D7C1
#C2D7C0
#C1D8BF
#C1D9BF
#C1DABE
#C2D1C6
#C2D2C5
#C1D4C4
#C1D5C3
#C1D7C2
#C0D8C0
#C0DABF
#C2CCCB
#C2CEC9
#C1D0C7
#C1D3C5
#C1D5C3
#C0D7C1
#C0DABF
#C2C7D0
#C2CACD
#C1CDCB
#C1D0C8
#C0D3C6
#C0D6C3
#BFDAC0
#C2C3D4
#C1C7D1
#C1CACE
#C0CECB
#BFD2C8
#BFD5C5
#BEDAC1
#C2BDDA
#C1C2D6
#C0C6D2
#C0CBCE
#BFD0CB
#BED4C7
#BDDAC2
Colorpallet from #C2DABD to #DAC2BD and to #DABDC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C6D6BD
#C6D6BD
#C6D6BD
#C6D6BD
#C6D5BE
#C6D5BE
#C6D5BE
#CAD2BD
#CAD2BD
#CAD2BE
#CAD2BE
#CAD1BE
#CAD1BF
#CAD1BF
#CECEBD
#CECEBD
#CECDBE
#CECDBE
#CECDBE
#CECCBF
#CECCBF
#D1CBBD
#D1CABD
#D1CABE
#D1C9BE
#D1C8BF
#D1C8BF
#D1C7C0
#D5C7BD
#D5C6BE
#D5C6BE
#D5C5BF
#D5C4C0
#D5C4C0
#D5C3C1
#DAC2BD
#DAC1BE
#DAC0BF
#DAC0BF
#DABFC0
#DABEC1
#DABDC2
Colorpallet from #C2DABD to #DAC2BD and to #BDC2DA
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C6D6BD
#C5D6BE
#C4D6BF
#C4D6BF
#C3D6C0
#C2D6C1
#C1D6C2
#CAD2BD
#C8D2BE
#C7D2C0
#C5D2C1
#C4D2C3
#C2D2C4
#C0D2C6
#CECEBD
#CCCEBF
#CACEC1
#C7CEC4
#C5CEC6
#C3CEC8
#C0CECB
#D1CBBD
#CECBC0
#CBCBC3
#C8CBC6
#C5CBC9
#C3CBCC
#BFCBD0
#D5C7BD
#D1C7C1
#CEC7C4
#CAC7C8
#C6C7CC
#C3C7CF
#BEC7D4
#DAC2BD
#D5C2C2
#D1C2C6
#CCC2CB
#C7C2D0
#C3C2D4
#BDC2DA
Colorpallet from #C2DABD to #DAC2BD and to #BDDAC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C6D6BD
#C5D7BD
#C4D7BD
#C4D8BD
#C3D9BE
#C2D9BE
#C1DABE
#CAD2BD
#C8D3BD
#C7D5BE
#C5D6BE
#C4D7BE
#C2D8BF
#C0DABF
#CECEBD
#CCD0BD
#CAD2BE
#C7D4BE
#C5D6BE
#C3D8BF
#C0DABF
#D1CBBD
#CECDBD
#CBD0BE
#C8D2BE
#C5D5BF
#C3D7BF
#BFDAC0
#D5C7BD
#D1CABE
#CECDBE
#CAD0BF
#C6D3C0
#C3D6C0
#BEDAC1
#DAC2BD
#D5C6BE
#D1CABF
#CCCEBF
#C7D1C0
#C3D5C1
#BDDAC2
Colorpallet from #C2DABD to #DABDC2 and to #BDC2DA
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C6D5BE
#C5D5BF
#C4D5BF
#C4D5C0
#C3D6C1
#C2D6C1
#C1D6C2
#CAD1BF
#C8D1C0
#C7D1C1
#C5D1C2
#C4D2C3
#C2D2C5
#C0D2C6
#CECCBF
#CCCCC1
#CACDC3
#C7CDC5
#C5CDC7
#C3CEC9
#C0CECB
#D1C7C0
#CEC8C3
#CBC8C5
#C8C9C8
#C5CACA
#C3CACD
#BFCBD0
#D5C3C1
#D1C4C4
#CEC4C7
#CAC5CA
#C6C6CD
#C3C6D0
#BEC7D4
#DABDC2
#D5BEC6
#D1BFCA
#CCBFCE
#C7C0D1
#C3C1D5
#BDC2DA
Colorpallet from #C2DABD to #DABDC2 and to #BDDAC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C6D5BE
#C5D6BE
#C4D7BE
#C4D7BE
#C3D8BE
#C2D9BE
#C1DABE
#CAD1BF
#C8D2BF
#C7D4BF
#C5D5BF
#C4D7BF
#C2D8BF
#C0DABF
#CECCBF
#CCCEBF
#CAD0BF
#C7D3BF
#C5D5BF
#C3D7BF
#C0DABF
#D1C7C0
#CECAC0
#CBCDC0
#C8D0C0
#C5D3C0
#C3D6C0
#BFDAC0
#D5C3C1
#D1C7C1
#CECAC1
#CACEC1
#C6D2C1
#C3D5C1
#BEDAC1
#DABDC2
#D5C2C2
#D1C6C2
#CCCBC2
#C7D0C2
#C3D4C2
#BDDAC2
Colorpallet from #C2DABD to #BDC2DA and to #BDDAC2
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C2DABD
#C1D6C2
#C1D7C1
#C1D7C1
#C1D8C0
#C1D9BF
#C1D9BF
#C1DABE
#C0D2C6
#C0D3C5
#C0D5C4
#C0D6C3
#C0D7C2
#C0D8C0
#C0DABF
#C0CECB
#C0D0C9
#C0D2C7
#C0D4C5
#C0D6C3
#C0D8C1
#C0DABF
#BFCBD0
#BFCDCD
#BFD0CB
#BFD2C8
#BFD5C6
#BFD7C3
#BFDAC0
#BEC7D4
#BECAD1
#BECDCE
#BED0CB
#BED3C8
#BED6C5
#BEDAC1
#BDC2DA
#BDC6D6
#BDCAD2
#BDCECE
#BDD1CB
#BDD5C7
#BDDAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts