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 #BDE2C3 to #BDC3E2 and to #E2BDC3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDDDC8
#BEDDC7
#BFDDC6
#C0DDC6
#C1DCC5
#C2DCC4
#C3DCC3
#BDD8CD
#BFD8CB
#C1D7CA
#C3D7C8
#C5D7C7
#C7D6C5
#C9D6C3
#BDD3D2
#C0D3D0
#C3D2CD
#C6D2CB
#C9D1C8
#CBD1C6
#CFD0C3
#BDCED7
#C1CDD4
#C5CDD1
#C9CCCD
#CCCBCA
#D0CBC7
#D5CAC3
#BDC9DC
#C2C8D8
#C7C7D4
#CBC7D0
#D0C6CC
#D5C5C8
#DBC4C3
#BDC3E2
#C3C2DD
#C9C1D8
#CFC0D3
#D5BFCE
#DBBEC9
#E2BDC3
Colorpallet from #BDE2C3 to #BDC3E2 and to #E2C3BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDDDC8
#BEDDC7
#BFDDC6
#C0DDC5
#C1DDC4
#C2DDC3
#C3DDC2
#BDD8CD
#BFD8CB
#C1D8C9
#C3D8C7
#C5D8C5
#C7D8C3
#C9D8C1
#BDD3D2
#C0D3CF
#C3D3CC
#C6D3C9
#C9D3C6
#CBD3C4
#CFD3C0
#BDCED7
#C1CED3
#C5CECF
#C9CECB
#CCCEC8
#D0CEC4
#D5CEBF
#BDC9DC
#C2C9D7
#C7C9D2
#CBC9CE
#D0C9C9
#D5C9C4
#DBC9BE
#BDC3E2
#C3C3DC
#C9C3D6
#CFC3D0
#D5C3CA
#DBC3C4
#E2C3BD
Colorpallet from #BDE2C3 to #BDC3E2 and to #C3BDE2
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDDDC8
#BDDDC8
#BDDDC8
#BDDDC8
#BEDCC8
#BEDCC8
#BEDCC8
#BDD8CD
#BDD8CD
#BED7CD
#BED7CD
#BED7CD
#BFD6CD
#BFD6CD
#BDD3D2
#BDD3D2
#BED2D2
#BED2D2
#BFD1D2
#BFD1D2
#C0D0D2
#BDCED7
#BECDD7
#BECDD7
#BFCCD7
#C0CBD7
#C0CBD7
#C1CAD7
#BDC9DC
#BEC8DC
#BFC7DC
#BFC7DC
#C0C6DC
#C1C5DC
#C2C4DC
#BDC3E2
#BEC2E2
#BFC1E2
#C0C0E2
#C1BFE2
#C2BEE2
#C3BDE2
Colorpallet from #BDE2C3 to #BDC3E2 and to #C3E2BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDDDC8
#BDDEC7
#BDDFC6
#BDDFC5
#BEE0C4
#BEE1C3
#BEE2C2
#BDD8CD
#BDDACB
#BEDBC9
#BEDDC7
#BEDEC5
#BFE0C3
#BFE2C1
#BDD3D2
#BDD5CF
#BED8CC
#BEDAC9
#BFDDC6
#BFDFC4
#C0E2C0
#BDCED7
#BED1D3
#BED4CF
#BFD8CB
#C0DBC8
#C0DEC4
#C1E2BF
#BDC9DC
#BECDD7
#BFD1D2
#BFD5CE
#C0D9C9
#C1DDC4
#C2E2BE
#BDC3E2
#BEC8DC
#BFCDD6
#C0D2D0
#C1D7CA
#C2DCC4
#C3E2BD
Colorpallet from #BDE2C3 to #E2BDC3 and to #E2C3BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#C3DCC3
#C3DCC3
#C3DCC3
#C3DCC3
#C3DDC2
#C3DDC2
#C3DDC2
#C9D6C3
#C9D6C3
#C9D7C2
#C9D7C2
#C9D7C2
#C9D8C1
#C9D8C1
#CFD0C3
#CFD0C3
#CFD1C2
#CFD1C2
#CFD2C1
#CFD2C1
#CFD3C0
#D5CAC3
#D5CBC2
#D5CBC2
#D5CCC1
#D5CDC0
#D5CDC0
#D5CEBF
#DBC4C3
#DBC5C2
#DBC6C1
#DBC6C1
#DBC7C0
#DBC8BF
#DBC9BE
#E2BDC3
#E2BEC2
#E2BFC1
#E2C0C0
#E2C1BF
#E2C2BE
#E2C3BD
Colorpallet from #BDE2C3 to #E2BDC3 and to #C3BDE2
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#C3DCC3
#C2DCC4
#C1DCC5
#C1DCC5
#C0DCC6
#BFDCC7
#BEDCC8
#C9D6C3
#C7D6C5
#C6D6C6
#C4D6C8
#C3D6C9
#C1D6CB
#BFD6CD
#CFD0C3
#CDD0C5
#CAD0C8
#C8D0CA
#C5D0CD
#C3D0CF
#C0D0D2
#D5CAC3
#D2CAC6
#CFCAC9
#CBCACD
#C8CAD0
#C5CAD3
#C1CAD7
#DBC4C3
#D7C4C7
#D3C4CB
#CFC4CF
#CBC4D3
#C7C4D7
#C2C4DC
#E2BDC3
#DDBDC8
#D8BDCD
#D3BDD2
#CEBDD7
#C9BDDC
#C3BDE2
Colorpallet from #BDE2C3 to #E2BDC3 and to #C3E2BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#C3DCC3
#C2DDC3
#C1DEC3
#C1DFC3
#C0E0C2
#BFE1C2
#BEE2C2
#C9D6C3
#C7D8C3
#C6DAC2
#C4DCC2
#C3DEC2
#C1E0C1
#BFE2C1
#CFD0C3
#CDD3C3
#CAD6C2
#C8D9C2
#C5DCC1
#C3DEC1
#C0E2C0
#D5CAC3
#D2CEC2
#CFD2C2
#CBD6C1
#C8D9C0
#C5DDC0
#C1E2BF
#DBC4C3
#D7C9C2
#D3CEC1
#CFD2C1
#CBD7C0
#C7DCBF
#C2E2BE
#E2BDC3
#DDC3C2
#D8C9C1
#D3CFC0
#CED5BF
#C9DBBE
#C3E2BD
Colorpallet from #BDE2C3 to #E2C3BD and to #C3BDE2
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#C3DDC2
#C2DDC3
#C1DDC4
#C1DDC5
#C0DCC6
#BFDCC7
#BEDCC8
#C9D8C1
#C7D8C3
#C6D7C5
#C4D7C7
#C3D7C9
#C1D6CB
#BFD6CD
#CFD3C0
#CDD3C3
#CAD2C6
#C8D2C9
#C5D1CC
#C3D1CE
#C0D0D2
#D5CEBF
#D2CDC3
#CFCDC7
#CBCCCB
#C8CBCE
#C5CBD2
#C1CAD7
#DBC9BE
#D7C8C3
#D3C7C8
#CFC7CC
#CBC6D1
#C7C5D6
#C2C4DC
#E2C3BD
#DDC2C3
#D8C1C9
#D3C0CF
#CEBFD5
#C9BEDB
#C3BDE2
Colorpallet from #BDE2C3 to #E2C3BD and to #C3E2BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#C3DDC2
#C2DEC2
#C1DFC2
#C1DFC2
#C0E0C2
#BFE1C2
#BEE2C2
#C9D8C1
#C7DAC1
#C6DBC1
#C4DDC1
#C3DEC1
#C1E0C1
#BFE2C1
#CFD3C0
#CDD5C0
#CAD8C0
#C8DAC0
#C5DDC0
#C3DFC0
#C0E2C0
#D5CEBF
#D2D1BF
#CFD4BF
#CBD8BF
#C8DBBF
#C5DEBF
#C1E2BF
#DBC9BE
#D7CDBE
#D3D1BE
#CFD5BE
#CBD9BE
#C7DDBE
#C2E2BE
#E2C3BD
#DDC8BD
#D8CDBD
#D3D2BD
#CED7BD
#C9DCBD
#C3E2BD
Colorpallet from #BDE2C3 to #C3BDE2 and to #C3E2BD
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BDE2C3
#BEDCC8
#BEDDC7
#BEDEC6
#BEDFC5
#BEE0C4
#BEE1C3
#BEE2C2
#BFD6CD
#BFD8CB
#BFDAC9
#BFDCC7
#BFDEC5
#BFE0C3
#BFE2C1
#C0D0D2
#C0D3CF
#C0D6CC
#C0D9C9
#C0DCC6
#C0DEC4
#C0E2C0
#C1CAD7
#C1CED3
#C1D2CF
#C1D6CB
#C1D9C8
#C1DDC4
#C1E2BF
#C2C4DC
#C2C9D7
#C2CED2
#C2D2CE
#C2D7C9
#C2DCC4
#C2E2BE
#C3BDE2
#C3C3DC
#C3C9D6
#C3CFD0
#C3D5CA
#C3DBC4
#C3E2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts