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 #B2D9D3 to #B2D3D9 and to #D9B2D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D8D4
#B3D7D4
#B4D6D4
#B5D6D4
#B6D5D3
#B7D4D3
#B8D3D3
#B2D7D5
#B4D5D5
#B6D4D4
#B8D2D4
#BAD1D4
#BCCFD3
#BECDD3
#B2D6D6
#B5D3D6
#B8D1D5
#BBCED5
#BECCD4
#C1C9D4
#C5C6D3
#B2D5D7
#B6D2D6
#BACED6
#BECBD5
#C2C8D4
#C6C4D4
#CBC0D3
#B2D4D8
#B7D0D7
#BCCCD6
#C1C8D6
#C6C3D5
#CBBFD4
#D1BAD3
#B2D3D9
#B8CED8
#BEC8D7
#C5C3D6
#CBBED5
#D1B9D4
#D9B2D3
Colorpallet from #B2D9D3 to #B2D3D9 and to #D9D3B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D8D4
#B3D8D3
#B4D8D2
#B5D8D1
#B6D8D0
#B7D8CF
#B8D8CE
#B2D7D5
#B4D7D3
#B6D7D1
#B8D7CF
#BAD7CD
#BCD7CB
#BED7C8
#B2D6D6
#B5D6D3
#B8D6D0
#BBD6CD
#BED6CA
#C1D6C7
#C5D6C3
#B2D5D7
#B6D5D3
#BAD5CF
#BED5CB
#C2D5C7
#C6D5C3
#CBD5BE
#B2D4D8
#B7D4D3
#BCD4CE
#C1D4C9
#C6D4C4
#CBD4BF
#D1D4B9
#B2D3D9
#B8D3D3
#BED3CD
#C5D3C6
#CBD3C0
#D1D3BA
#D9D3B2
Colorpallet from #B2D9D3 to #B2D3D9 and to #D3B2D9
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D8D4
#B3D7D4
#B4D6D4
#B4D6D4
#B5D5D4
#B6D4D4
#B7D3D4
#B2D7D5
#B4D5D5
#B6D4D5
#B7D2D5
#B9D1D5
#BBCFD5
#BDCDD5
#B2D6D6
#B5D3D6
#B7D1D6
#BACED6
#BCCCD6
#BFC9D6
#C2C6D6
#B2D5D7
#B5D2D7
#B9CED7
#BCCBD7
#BFC8D7
#C3C4D7
#C7C0D7
#B2D4D8
#B6D0D8
#BACCD8
#BEC8D8
#C3C3D8
#C7BFD8
#CCBAD8
#B2D3D9
#B7CED9
#BDC8D9
#C2C3D9
#C7BED9
#CCB9D9
#D3B2D9
Colorpallet from #B2D9D3 to #B2D3D9 and to #D3D9B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D8D4
#B3D8D3
#B4D8D2
#B4D8D1
#B5D9D0
#B6D9CF
#B7D9CE
#B2D7D5
#B4D7D3
#B6D8D1
#B7D8CF
#B9D8CD
#BBD9CB
#BDD9C8
#B2D6D6
#B5D6D3
#B7D7D0
#BAD7CD
#BCD8CA
#BFD8C7
#C2D9C3
#B2D5D7
#B5D6D3
#B9D6CF
#BCD7CB
#BFD8C7
#C3D8C3
#C7D9BE
#B2D4D8
#B6D5D3
#BAD6CE
#BED6C9
#C3D7C4
#C7D8BF
#CCD9B9
#B2D3D9
#B7D4D3
#BDD5CD
#C2D6C6
#C7D7C0
#CCD8BA
#D3D9B2
Colorpallet from #B2D9D3 to #D9B2D3 and to #D9D3B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B8D3D3
#B8D4D2
#B8D5D1
#B8D5D1
#B8D6D0
#B8D7CF
#B8D8CE
#BECDD3
#BECFD1
#BED0CF
#BED2CE
#BED3CC
#BED5CA
#BED7C8
#C5C6D3
#C5C9D0
#C5CBCE
#C5CECB
#C5D0C9
#C5D3C6
#C5D6C3
#CBC0D3
#CBC3D0
#CBC7CC
#CBCAC9
#CBCDC6
#CBD1C2
#CBD5BE
#D1BAD3
#D1BECF
#D1C2CB
#D1C6C7
#D1CBC2
#D1CFBE
#D1D4B9
#D9B2D3
#D9B7CE
#D9BDC8
#D9C2C3
#D9C7BE
#D9CCB9
#D9D3B2
Colorpallet from #B2D9D3 to #D9B2D3 and to #D3B2D9
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B8D3D3
#B8D3D3
#B8D3D3
#B8D3D3
#B7D3D4
#B7D3D4
#B7D3D4
#BECDD3
#BECDD3
#BECDD4
#BECDD4
#BDCDD4
#BDCDD5
#BDCDD5
#C5C6D3
#C5C6D3
#C4C6D4
#C4C6D4
#C3C6D5
#C3C6D5
#C2C6D6
#CBC0D3
#CAC0D4
#CAC0D4
#C9C0D5
#C8C0D6
#C8C0D6
#C7C0D7
#D1BAD3
#D0BAD4
#CFBAD5
#CFBAD5
#CEBAD6
#CDBAD7
#CCBAD8
#D9B2D3
#D8B2D4
#D7B2D5
#D6B2D6
#D5B2D7
#D4B2D8
#D3B2D9
Colorpallet from #B2D9D3 to #D9B2D3 and to #D3D9B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B8D3D3
#B8D4D2
#B8D5D1
#B8D6D1
#B7D7D0
#B7D8CF
#B7D9CE
#BECDD3
#BECFD1
#BED1CF
#BED3CE
#BDD5CC
#BDD7CA
#BDD9C8
#C5C6D3
#C5C9D0
#C4CCCE
#C4CFCB
#C3D2C9
#C3D5C6
#C2D9C3
#CBC0D3
#CAC4D0
#CAC8CC
#C9CCC9
#C8D0C6
#C8D4C2
#C7D9BE
#D1BAD3
#D0BFCF
#CFC4CB
#CFC9C7
#CECEC2
#CDD3BE
#CCD9B9
#D9B2D3
#D8B8CE
#D7BEC8
#D6C5C3
#D5CBBE
#D4D1B9
#D3D9B2
Colorpallet from #B2D9D3 to #D9D3B2 and to #D3B2D9
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B8D8CE
#B8D7CF
#B8D6D0
#B8D6D1
#B7D5D2
#B7D4D3
#B7D3D4
#BED7C8
#BED5CA
#BED4CC
#BED2CE
#BDD1D0
#BDCFD2
#BDCDD5
#C5D6C3
#C5D3C6
#C4D1C9
#C4CECC
#C3CCCF
#C3C9D2
#C2C6D6
#CBD5BE
#CAD2C2
#CACEC6
#C9CBCA
#C8C8CE
#C8C4D2
#C7C0D7
#D1D4B9
#D0D0BE
#CFCCC3
#CFC8C8
#CEC3CD
#CDBFD2
#CCBAD8
#D9D3B2
#D8CEB8
#D7C8BE
#D6C3C5
#D5BECB
#D4B9D1
#D3B2D9
Colorpallet from #B2D9D3 to #D9D3B2 and to #D3D9B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B8D8CE
#B8D8CE
#B8D8CE
#B8D8CE
#B7D9CE
#B7D9CE
#B7D9CE
#BED7C8
#BED7C8
#BED8C8
#BED8C8
#BDD8C8
#BDD9C8
#BDD9C8
#C5D6C3
#C5D6C3
#C4D7C3
#C4D7C3
#C3D8C3
#C3D8C3
#C2D9C3
#CBD5BE
#CAD6BE
#CAD6BE
#C9D7BE
#C8D8BE
#C8D8BE
#C7D9BE
#D1D4B9
#D0D5B9
#CFD6B9
#CFD6B9
#CED7B9
#CDD8B9
#CCD9B9
#D9D3B2
#D8D4B2
#D7D5B2
#D6D6B2
#D5D7B2
#D4D8B2
#D3D9B2
Colorpallet from #B2D9D3 to #D3B2D9 and to #D3D9B2
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B2D9D3
#B7D3D4
#B7D4D3
#B7D5D2
#B7D6D1
#B7D7D0
#B7D8CF
#B7D9CE
#BDCDD5
#BDCFD3
#BDD1D1
#BDD3CF
#BDD5CD
#BDD7CB
#BDD9C8
#C2C6D6
#C2C9D3
#C2CCD0
#C2CFCD
#C2D2CA
#C2D5C7
#C2D9C3
#C7C0D7
#C7C4D3
#C7C8CF
#C7CCCB
#C7D0C7
#C7D4C3
#C7D9BE
#CCBAD8
#CCBFD3
#CCC4CE
#CCC9C9
#CCCEC4
#CCD3BF
#CCD9B9
#D3B2D9
#D3B8D3
#D3BECD
#D3C5C6
#D3CBC0
#D3D1BA
#D3D9B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
