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 #C3BED9 to #C3D9BE and to #BEC3D9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3C2D5
#C3C2D6
#C3C1D6
#C3C1D7
#C2C0D8
#C2C0D8
#C2BFD9
#C3C7D0
#C3C6D1
#C2C5D3
#C2C4D4
#C2C3D6
#C1C1D7
#C1C0D9
#C3CBCC
#C3C9CE
#C2C7D0
#C2C6D2
#C2C4D4
#C1C2D6
#C1C0D9
#C3CFC8
#C3CDCB
#C2CBCD
#C2C8D0
#C1C6D3
#C1C4D6
#C0C1D9
#C3D4C3
#C2D1C7
#C2CECA
#C1CBCE
#C0C8D1
#C0C6D5
#BFC2D9
#C3D9BE
#C2D5C2
#C1D2C7
#C1CECB
#C0CBCF
#BFC7D4
#BEC3D9
Colorpallet from #C3BED9 to #C3D9BE and to #BED9C3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3C2D5
#C3C2D5
#C3C2D5
#C3C2D5
#C2C2D5
#C2C2D5
#C2C2D5
#C3C7D0
#C3C7D0
#C2C7D1
#C2C7D1
#C2C7D1
#C1C7D2
#C1C7D2
#C3CBCC
#C3CBCC
#C2CBCD
#C2CBCD
#C2CBCD
#C1CBCE
#C1CBCE
#C3CFC8
#C3CFC8
#C2CFC9
#C2CFC9
#C1CFCA
#C1CFCA
#C0CFCB
#C3D4C3
#C2D4C4
#C2D4C4
#C1D4C5
#C0D4C6
#C0D4C6
#BFD4C7
#C3D9BE
#C2D9BF
#C1D9C0
#C1D9C0
#C0D9C1
#BFD9C2
#BED9C3
Colorpallet from #C3BED9 to #C3D9BE and to #D9C3BE
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3C2D5
#C4C2D5
#C4C1D5
#C5C1D5
#C6C0D5
#C6C0D5
#C7BFD5
#C3C7D0
#C4C6D0
#C5C5D0
#C6C4D0
#C7C3D0
#C9C1D0
#CAC0D0
#C3CBCC
#C5C9CC
#C7C7CC
#C8C6CC
#CAC4CC
#CCC2CC
#CEC0CC
#C3CFC8
#C5CDC8
#C7CBC8
#CAC8C8
#CCC6C8
#CEC4C8
#D1C1C8
#C3D4C3
#C6D1C3
#C9CEC3
#CCCBC3
#CFC8C3
#D1C6C3
#D5C2C3
#C3D9BE
#C7D5BE
#CAD2BE
#CECEBE
#D1CBBE
#D5C7BE
#D9C3BE
Colorpallet from #C3BED9 to #C3D9BE and to #D9BEC3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3C2D5
#C4C1D5
#C4C1D5
#C5C0D5
#C6BFD5
#C6BFD5
#C7BED5
#C3C7D0
#C4C6D0
#C5C4D1
#C6C3D1
#C7C1D1
#C9C0D2
#CABED2
#C3CBCC
#C5C9CC
#C7C7CD
#C8C5CD
#CAC3CD
#CCC1CE
#CEBECE
#C3CFC8
#C5CCC8
#C7CAC9
#CAC7C9
#CCC4CA
#CEC1CA
#D1BECB
#C3D4C3
#C6D0C4
#C9CDC4
#CCC9C5
#CFC6C6
#D1C2C6
#D5BEC7
#C3D9BE
#C7D5BF
#CAD0C0
#CECCC0
#D1C8C1
#D5C3C2
#D9BEC3
Colorpallet from #C3BED9 to #BEC3D9 and to #BED9C3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C2BFD9
#C2BFD8
#C2C0D8
#C2C0D7
#C2C1D6
#C2C1D6
#C2C2D5
#C1C0D9
#C1C1D8
#C1C2D7
#C1C3D6
#C1C4D5
#C1C6D3
#C1C7D2
#C1C0D9
#C1C2D7
#C1C4D5
#C1C5D4
#C1C7D2
#C1C9D0
#C1CBCE
#C0C1D9
#C0C3D7
#C0C5D5
#C0C8D2
#C0CAD0
#C0CCCE
#C0CFCB
#BFC2D9
#BFC5D6
#BFC8D3
#BFCBD0
#BFCECD
#BFD0CB
#BFD4C7
#BEC3D9
#BEC7D5
#BECAD2
#BECECE
#BED1CB
#BED5C7
#BED9C3
Colorpallet from #C3BED9 to #BEC3D9 and to #D9C3BE
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C2BFD9
#C3BFD8
#C4BFD8
#C4BFD7
#C5BFD6
#C6BFD6
#C7BFD5
#C1C0D9
#C2C0D8
#C4C0D6
#C5C0D5
#C7C0D3
#C8C0D2
#CAC0D0
#C1C0D9
#C3C0D7
#C5C0D5
#C7C0D3
#C9C0D1
#CBC0CF
#CEC0CC
#C0C1D9
#C3C1D6
#C5C1D4
#C8C1D1
#CBC1CE
#CEC1CB
#D1C1C8
#BFC2D9
#C3C2D5
#C6C2D2
#CAC2CE
#CDC2CB
#D1C2C7
#D5C2C3
#BEC3D9
#C2C3D5
#C7C3D0
#CBC3CC
#CFC3C8
#D4C3C3
#D9C3BE
Colorpallet from #C3BED9 to #BEC3D9 and to #D9BEC3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C2BFD9
#C3BFD8
#C4BFD8
#C4BFD7
#C5BED6
#C6BED6
#C7BED5
#C1C0D9
#C2C0D8
#C4BFD7
#C5BFD6
#C7BFD5
#C8BED3
#CABED2
#C1C0D9
#C3C0D7
#C5BFD5
#C7BFD4
#C9BFD2
#CBBED0
#CEBECE
#C0C1D9
#C3C1D7
#C5C0D5
#C8C0D2
#CBBFD0
#CEBFCE
#D1BECB
#BFC2D9
#C3C1D6
#C6C1D3
#CAC0D0
#CDBFCD
#D1BFCB
#D5BEC7
#BEC3D9
#C2C2D5
#C7C1D2
#CBC1CE
#CFC0CB
#D4BFC7
#D9BEC3
Colorpallet from #C3BED9 to #BED9C3 and to #D9C3BE
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C2C2D5
#C3C2D5
#C4C1D5
#C4C1D5
#C5C0D5
#C6C0D5
#C7BFD5
#C1C7D2
#C2C6D2
#C4C5D1
#C5C4D1
#C7C3D1
#C8C1D0
#CAC0D0
#C1CBCE
#C3C9CE
#C5C7CD
#C7C6CD
#C9C4CD
#CBC2CC
#CEC0CC
#C0CFCB
#C3CDCB
#C5CBCA
#C8C8CA
#CBC6C9
#CEC4C9
#D1C1C8
#BFD4C7
#C3D1C6
#C6CEC6
#CACBC5
#CDC8C4
#D1C6C4
#D5C2C3
#BED9C3
#C2D5C2
#C7D2C1
#CBCEC1
#CFCBC0
#D4C7BF
#D9C3BE
Colorpallet from #C3BED9 to #BED9C3 and to #D9BEC3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C2C2D5
#C3C1D5
#C4C1D5
#C4C0D5
#C5BFD5
#C6BFD5
#C7BED5
#C1C7D2
#C2C6D2
#C4C4D2
#C5C3D2
#C7C1D2
#C8C0D2
#CABED2
#C1CBCE
#C3C9CE
#C5C7CE
#C7C5CE
#C9C3CE
#CBC1CE
#CEBECE
#C0CFCB
#C3CCCB
#C5CACB
#C8C7CB
#CBC4CB
#CEC1CB
#D1BECB
#BFD4C7
#C3D0C7
#C6CDC7
#CAC9C7
#CDC6C7
#D1C2C7
#D5BEC7
#BED9C3
#C2D5C3
#C7D0C3
#CBCCC3
#CFC8C3
#D4C3C3
#D9BEC3
Colorpallet from #C3BED9 to #D9C3BE and to #D9BEC3
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C3BED9
#C7BFD5
#C7BFD5
#C7BFD5
#C7BFD5
#C7BED5
#C7BED5
#C7BED5
#CAC0D0
#CAC0D0
#CABFD1
#CABFD1
#CABFD1
#CABED2
#CABED2
#CEC0CC
#CEC0CC
#CEBFCD
#CEBFCD
#CEBFCD
#CEBECE
#CEBECE
#D1C1C8
#D1C1C8
#D1C0C9
#D1C0C9
#D1BFCA
#D1BFCA
#D1BECB
#D5C2C3
#D5C1C4
#D5C1C4
#D5C0C5
#D5BFC6
#D5BFC6
#D5BEC7
#D9C3BE
#D9C2BF
#D9C1C0
#D9C1C0
#D9C0C1
#D9BFC2
#D9BEC3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts