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 #C3BED8 to #C3D8BE and to #BEC3D8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3C2D4
#C3C2D5
#C3C1D5
#C3C1D6
#C2C0D7
#C2C0D7
#C2BFD8
#C3C6D0
#C3C5D1
#C2C4D3
#C2C3D4
#C2C2D5
#C1C1D6
#C1C0D8
#C3CACC
#C3C8CE
#C2C7D0
#C2C5D2
#C2C4D4
#C1C2D6
#C1C0D8
#C3CFC7
#C3CDCA
#C2CBCC
#C2C8CF
#C1C6D2
#C1C4D5
#C0C1D8
#C3D3C3
#C2D0C6
#C2CECA
#C1CBCD
#C0C8D0
#C0C5D4
#BFC2D8
#C3D8BE
#C2D5C2
#C1D1C6
#C1CECA
#C0CBCF
#BFC7D3
#BEC3D8
Colorpallet from #C3BED8 to #C3D8BE and to #BED8C3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3C2D4
#C3C2D4
#C3C2D4
#C3C2D4
#C2C2D5
#C2C2D5
#C2C2D5
#C3C6D0
#C3C6D0
#C2C6D0
#C2C6D0
#C2C6D1
#C1C6D1
#C1C6D1
#C3CACC
#C3CACC
#C2CACD
#C2CACD
#C2CACD
#C1CACE
#C1CACE
#C3CFC7
#C3CFC8
#C2CFC8
#C2CFC9
#C1CFCA
#C1CFCA
#C0CFCB
#C3D3C3
#C2D3C4
#C2D3C4
#C1D3C5
#C0D3C6
#C0D3C6
#BFD3C7
#C3D8BE
#C2D8BF
#C1D8C0
#C1D8C0
#C0D8C1
#BFD8C2
#BED8C3
Colorpallet from #C3BED8 to #C3D8BE and to #D8C3BE
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3C2D4
#C3C2D4
#C4C1D4
#C4C1D4
#C5C0D4
#C5C0D4
#C6BFD4
#C3C6D0
#C4C5D0
#C5C4D0
#C6C3D0
#C7C2D0
#C9C1D0
#CAC0D0
#C3CACC
#C5C8CC
#C6C7CC
#C8C5CC
#C9C4CC
#CBC2CC
#CDC0CC
#C3CFC7
#C5CDC7
#C7CBC7
#C9C8C7
#CBC6C7
#CDC4C7
#D0C1C7
#C3D3C3
#C6D0C3
#C8CEC3
#CBCBC3
#CEC8C3
#D1C5C3
#D4C2C3
#C3D8BE
#C6D5BE
#CAD1BE
#CDCEBE
#D0CBBE
#D4C7BE
#D8C3BE
Colorpallet from #C3BED8 to #C3D8BE and to #D8BEC3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3C2D4
#C3C1D4
#C4C1D4
#C4C0D4
#C5BFD5
#C5BFD5
#C6BED5
#C3C6D0
#C4C5D0
#C5C3D0
#C6C2D0
#C7C1D1
#C9C0D1
#CABED1
#C3CACC
#C5C8CC
#C6C6CD
#C8C4CD
#C9C2CD
#CBC0CE
#CDBECE
#C3CFC7
#C5CCC8
#C7CAC8
#C9C7C9
#CBC4CA
#CDC1CA
#D0BECB
#C3D3C3
#C6D0C4
#C8CCC4
#CBC9C5
#CEC6C6
#D1C2C6
#D4BEC7
#C3D8BE
#C6D4BF
#CAD0C0
#CDCCC0
#D0C7C1
#D4C3C2
#D8BEC3
Colorpallet from #C3BED8 to #BEC3D8 and to #BED8C3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C2BFD8
#C2BFD8
#C2C0D7
#C2C0D7
#C2C1D6
#C2C1D6
#C2C2D5
#C1C0D8
#C1C1D7
#C1C2D6
#C1C3D5
#C1C4D4
#C1C5D2
#C1C6D1
#C1C0D8
#C1C2D6
#C1C3D5
#C1C5D3
#C1C6D2
#C1C8D0
#C1CACE
#C0C1D8
#C0C3D6
#C0C5D4
#C0C8D2
#C0CAD0
#C0CCCE
#C0CFCB
#BFC2D8
#BFC5D5
#BFC7D3
#BFCAD0
#BFCDCD
#BFD0CA
#BFD3C7
#BEC3D8
#BEC6D5
#BECAD1
#BECDCE
#BED0CB
#BED4C7
#BED8C3
Colorpallet from #C3BED8 to #BEC3D8 and to #D8C3BE
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C2BFD8
#C3BFD7
#C3BFD7
#C4BFD6
#C5BFD5
#C5BFD5
#C6BFD4
#C1C0D8
#C2C0D7
#C4C0D5
#C5C0D4
#C7C0D3
#C8C0D2
#CAC0D0
#C1C0D8
#C3C0D6
#C5C0D4
#C7C0D2
#C9C0D0
#CBC0CE
#CDC0CC
#C0C1D8
#C3C1D5
#C5C1D3
#C8C1D0
#CAC1CD
#CDC1CA
#D0C1C7
#BFC2D8
#C2C2D5
#C6C2D1
#C9C2CE
#CCC2CB
#D0C2C7
#D4C2C3
#BEC3D8
#C2C3D4
#C6C3D0
#CAC3CC
#CFC3C7
#D3C3C3
#D8C3BE
Colorpallet from #C3BED8 to #BEC3D8 and to #D8BEC3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C2BFD8
#C3BFD8
#C3BFD7
#C4BFD7
#C5BED6
#C5BED6
#C6BED5
#C1C0D8
#C2C0D7
#C4BFD6
#C5BFD5
#C7BFD4
#C8BED2
#CABED1
#C1C0D8
#C3C0D6
#C5BFD5
#C7BFD3
#C9BFD2
#CBBED0
#CDBECE
#C0C1D8
#C3C1D6
#C5C0D4
#C8C0D2
#CABFD0
#CDBFCE
#D0BECB
#BFC2D8
#C2C1D5
#C6C1D3
#C9C0D0
#CCBFCD
#D0BFCA
#D4BEC7
#BEC3D8
#C2C2D5
#C6C1D1
#CAC1CE
#CFC0CB
#D3BFC7
#D8BEC3
Colorpallet from #C3BED8 to #BED8C3 and to #D8C3BE
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C2C2D5
#C3C2D5
#C3C1D5
#C4C1D5
#C5C0D4
#C5C0D4
#C6BFD4
#C1C6D1
#C2C5D1
#C4C4D1
#C5C3D1
#C7C2D0
#C8C1D0
#CAC0D0
#C1CACE
#C3C8CE
#C5C7CD
#C7C5CD
#C9C4CD
#CBC2CC
#CDC0CC
#C0CFCB
#C3CDCA
#C5CBCA
#C8C8C9
#CAC6C8
#CDC4C8
#D0C1C7
#BFD3C7
#C2D0C6
#C6CEC6
#C9CBC5
#CCC8C4
#D0C5C4
#D4C2C3
#BED8C3
#C2D5C2
#C6D1C1
#CACEC1
#CFCBC0
#D3C7BF
#D8C3BE
Colorpallet from #C3BED8 to #BED8C3 and to #D8BEC3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C2C2D5
#C3C1D5
#C3C1D5
#C4C0D5
#C5BFD5
#C5BFD5
#C6BED5
#C1C6D1
#C2C5D1
#C4C3D1
#C5C2D1
#C7C1D1
#C8C0D1
#CABED1
#C1CACE
#C3C8CE
#C5C6CE
#C7C4CE
#C9C2CE
#CBC0CE
#CDBECE
#C0CFCB
#C3CCCB
#C5CACB
#C8C7CB
#CAC4CB
#CDC1CB
#D0BECB
#BFD3C7
#C2D0C7
#C6CCC7
#C9C9C7
#CCC6C7
#D0C2C7
#D4BEC7
#BED8C3
#C2D4C3
#C6D0C3
#CACCC3
#CFC7C3
#D3C3C3
#D8BEC3
Colorpallet from #C3BED8 to #D8C3BE and to #D8BEC3
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C3BED8
#C6BFD4
#C6BFD4
#C6BFD4
#C6BFD4
#C6BED5
#C6BED5
#C6BED5
#CAC0D0
#CAC0D0
#CABFD0
#CABFD0
#CABFD1
#CABED1
#CABED1
#CDC0CC
#CDC0CC
#CDBFCD
#CDBFCD
#CDBFCD
#CDBECE
#CDBECE
#D0C1C7
#D0C1C8
#D0C0C8
#D0C0C9
#D0BFCA
#D0BFCA
#D0BECB
#D4C2C3
#D4C1C4
#D4C1C4
#D4C0C5
#D4BFC6
#D4BFC6
#D4BEC7
#D8C3BE
#D8C2BF
#D8C1C0
#D8C1C0
#D8C0C1
#D8BFC2
#D8BEC3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
