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 #B9D8D2 to #B9D2D8 and to #D8B9D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D7D3
#BAD6D3
#BBD6D3
#BBD5D3
#BCD4D2
#BDD4D2
#BED3D2
#B9D6D4
#BBD5D4
#BCD3D3
#BED2D3
#BFD1D3
#C1D0D2
#C3CED2
#B9D5D5
#BBD3D5
#BED1D4
#C0CFD4
#C3CDD3
#C5CBD3
#C8C9D2
#B9D4D6
#BCD1D5
#BFCFD5
#C3CCD4
#C6CAD3
#C9C7D3
#CDC4D2
#B9D3D7
#BDD0D6
#C1CDD5
#C5C9D5
#C9C6D4
#CDC3D3
#D2BFD2
#B9D2D8
#BECED7
#C3CAD6
#C8C6D5
#CDC2D4
#D2BED3
#D8B9D2
Colorpallet from #B9D8D2 to #B9D2D8 and to #D8D2B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D7D3
#BAD7D2
#BBD7D1
#BBD7D1
#BCD7D0
#BDD7CF
#BED7CE
#B9D6D4
#BBD6D2
#BCD6D1
#BED6CF
#BFD6CE
#C1D6CC
#C3D6CA
#B9D5D5
#BBD5D3
#BED5D0
#C0D5CE
#C3D5CB
#C5D5C9
#C8D5C6
#B9D4D6
#BCD4D3
#BFD4D0
#C3D4CC
#C6D4C9
#C9D4C6
#CDD4C2
#B9D3D7
#BDD3D3
#C1D3CF
#C5D3CB
#C9D3C7
#CDD3C3
#D2D3BE
#B9D2D8
#BED2D3
#C3D2CE
#C8D2C9
#CDD2C4
#D2D2BF
#D8D2B9
Colorpallet from #B9D8D2 to #B9D2D8 and to #D2B9D8
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D7D3
#BAD6D3
#BAD6D3
#BBD5D3
#BCD4D3
#BCD4D3
#BDD3D3
#B9D6D4
#BAD5D4
#BCD3D4
#BDD2D4
#BED1D4
#BFD0D4
#C1CED4
#B9D5D5
#BBD3D5
#BDD1D5
#BFCFD5
#C1CDD5
#C3CBD5
#C5C9D5
#B9D4D6
#BCD1D6
#BECFD6
#C1CCD6
#C3CAD6
#C6C7D6
#C9C4D6
#B9D3D7
#BCD0D7
#BFCDD7
#C3C9D7
#C6C6D7
#C9C3D7
#CDBFD7
#B9D2D8
#BDCED8
#C1CAD8
#C5C6D8
#C9C2D8
#CDBED8
#D2B9D8
Colorpallet from #B9D8D2 to #B9D2D8 and to #D2D8B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D7D3
#BAD7D2
#BAD7D1
#BBD7D1
#BCD8D0
#BCD8CF
#BDD8CE
#B9D6D4
#BAD6D2
#BCD7D1
#BDD7CF
#BED7CE
#BFD8CC
#C1D8CA
#B9D5D5
#BBD5D3
#BDD6D0
#BFD6CE
#C1D7CB
#C3D7C9
#C5D8C6
#B9D4D6
#BCD5D3
#BED5D0
#C1D6CC
#C3D7C9
#C6D7C6
#C9D8C2
#B9D3D7
#BCD4D3
#BFD5CF
#C3D5CB
#C6D6C7
#C9D7C3
#CDD8BE
#B9D2D8
#BDD3D3
#C1D4CE
#C5D5C9
#C9D6C4
#CDD7BF
#D2D8B9
Colorpallet from #B9D8D2 to #D8B9D2 and to #D8D2B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BED3D2
#BED4D1
#BED4D1
#BED5D0
#BED6CF
#BED6CF
#BED7CE
#C3CED2
#C3CFD1
#C3D1CF
#C3D2CE
#C3D3CD
#C3D4CC
#C3D6CA
#C8C9D2
#C8CBD0
#C8CDCE
#C8CFCC
#C8D1CA
#C8D3C8
#C8D5C6
#CDC4D2
#CDC7CF
#CDC9CD
#CDCCCA
#CDCEC8
#CDD1C5
#CDD4C2
#D2BFD2
#D2C2CF
#D2C5CC
#D2C9C8
#D2CCC5
#D2CFC2
#D2D3BE
#D8B9D2
#D8BDCE
#D8C1CA
#D8C5C6
#D8C9C2
#D8CDBE
#D8D2B9
Colorpallet from #B9D8D2 to #D8B9D2 and to #D2B9D8
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BED3D2
#BED3D2
#BED3D2
#BED3D2
#BDD3D3
#BDD3D3
#BDD3D3
#C3CED2
#C3CED2
#C2CED3
#C2CED3
#C2CED3
#C1CED4
#C1CED4
#C8C9D2
#C8C9D2
#C7C9D3
#C7C9D3
#C6C9D4
#C6C9D4
#C5C9D5
#CDC4D2
#CCC4D3
#CCC4D3
#CBC4D4
#CAC4D5
#CAC4D5
#C9C4D6
#D2BFD2
#D1BFD3
#D0BFD4
#D0BFD4
#CFBFD5
#CEBFD6
#CDBFD7
#D8B9D2
#D7B9D3
#D6B9D4
#D5B9D5
#D4B9D6
#D3B9D7
#D2B9D8
Colorpallet from #B9D8D2 to #D8B9D2 and to #D2D8B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BED3D2
#BED4D1
#BED5D1
#BED5D0
#BDD6CF
#BDD7CF
#BDD8CE
#C3CED2
#C3D0D1
#C2D1CF
#C2D3CE
#C2D4CD
#C1D6CC
#C1D8CA
#C8C9D2
#C8CBD0
#C7CECE
#C7D0CC
#C6D3CA
#C6D5C8
#C5D8C6
#CDC4D2
#CCC7CF
#CCCACD
#CBCECA
#CAD1C8
#CAD4C5
#C9D8C2
#D2BFD2
#D1C3CF
#D0C7CC
#D0CBC8
#CFCFC5
#CED3C2
#CDD8BE
#D8B9D2
#D7BECE
#D6C3CA
#D5C8C6
#D4CDC2
#D3D2BE
#D2D8B9
Colorpallet from #B9D8D2 to #D8D2B9 and to #D2B9D8
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BED7CE
#BED6CF
#BED6D0
#BED5D0
#BDD4D1
#BDD4D2
#BDD3D3
#C3D6CA
#C3D5CC
#C2D3CD
#C2D2CF
#C2D1D0
#C1D0D2
#C1CED4
#C8D5C6
#C8D3C8
#C7D1CB
#C7CFCD
#C6CDD0
#C6CBD2
#C5C9D5
#CDD4C2
#CCD1C5
#CCCFC8
#CBCCCC
#CACACF
#CAC7D2
#C9C4D6
#D2D3BE
#D1D0C2
#D0CDC6
#D0C9CA
#CFC6CE
#CEC3D2
#CDBFD7
#D8D2B9
#D7CEBE
#D6CAC3
#D5C6C8
#D4C2CD
#D3BED2
#D2B9D8
Colorpallet from #B9D8D2 to #D8D2B9 and to #D2D8B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BED7CE
#BED7CE
#BED7CE
#BED7CE
#BDD8CE
#BDD8CE
#BDD8CE
#C3D6CA
#C3D6CA
#C2D7CA
#C2D7CA
#C2D7CA
#C1D8CA
#C1D8CA
#C8D5C6
#C8D5C6
#C7D6C6
#C7D6C6
#C6D7C6
#C6D7C6
#C5D8C6
#CDD4C2
#CCD5C2
#CCD5C2
#CBD6C2
#CAD7C2
#CAD7C2
#C9D8C2
#D2D3BE
#D1D4BE
#D0D5BE
#D0D5BE
#CFD6BE
#CED7BE
#CDD8BE
#D8D2B9
#D7D3B9
#D6D4B9
#D5D5B9
#D4D6B9
#D3D7B9
#D2D8B9
Colorpallet from #B9D8D2 to #D2B9D8 and to #D2D8B9
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#B9D8D2
#BDD3D3
#BDD4D2
#BDD5D1
#BDD5D1
#BDD6D0
#BDD7CF
#BDD8CE
#C1CED4
#C1D0D2
#C1D1D1
#C1D3CF
#C1D4CE
#C1D6CC
#C1D8CA
#C5C9D5
#C5CBD3
#C5CED0
#C5D0CE
#C5D3CB
#C5D5C9
#C5D8C6
#C9C4D6
#C9C7D3
#C9CAD0
#C9CECC
#C9D1C9
#C9D4C6
#C9D8C2
#CDBFD7
#CDC3D3
#CDC7CF
#CDCBCB
#CDCFC7
#CDD3C3
#CDD8BE
#D2B9D8
#D2BED3
#D2C3CE
#D2C8C9
#D2CDC4
#D2D2BF
#D2D8B9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
