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 #BFD2D9 to #BFD9D2 and to #D2BFD9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD3D8
#BFD2D8
#C0D2D8
#C0D1D8
#C1D0D9
#C1D0D9
#C2CFD9
#BFD4D7
#C0D3D7
#C1D1D8
#C2D0D8
#C3CFD8
#C4CED9
#C5CCD9
#BFD5D6
#C0D3D6
#C2D1D7
#C3CFD7
#C5CDD8
#C6CBD8
#C8C9D9
#BFD6D5
#C1D3D6
#C3D1D6
#C5CED7
#C7CCD8
#C9C9D8
#CBC6D9
#BFD8D3
#C1D5D4
#C4D1D5
#C6CED6
#C9CBD7
#CBC7D8
#CEC3D9
#BFD9D2
#C2D5D3
#C5D1D4
#C8CDD5
#CBC8D6
#CEC4D8
#D2BFD9
Colorpallet from #BFD2D9 to #BFD9D2 and to #D2D9BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD3D8
#BFD3D8
#C0D3D7
#C0D3D7
#C1D3D6
#C1D3D6
#C2D3D5
#BFD4D7
#C0D4D6
#C1D4D5
#C2D4D4
#C3D4D3
#C4D4D2
#C5D4D1
#BFD5D6
#C0D5D5
#C2D5D3
#C3D5D2
#C5D5D0
#C6D5CF
#C8D5CD
#BFD6D5
#C1D6D3
#C3D6D1
#C5D6CF
#C7D6CD
#C9D6CB
#CBD6C8
#BFD8D3
#C1D8D1
#C4D8CE
#C6D8CC
#C9D8C9
#CBD8C7
#CED8C4
#BFD9D2
#C2D9CF
#C5D9CC
#C8D9C9
#CBD9C6
#CED9C3
#D2D9BF
Colorpallet from #BFD2D9 to #BFD9D2 and to #D9BFD2
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD3D8
#C0D2D8
#C0D2D8
#C1D1D8
#C2D0D8
#C2D0D8
#C3CFD8
#BFD4D7
#C0D3D7
#C2D1D7
#C3D0D7
#C4CFD7
#C5CED7
#C7CCD7
#BFD5D6
#C1D3D6
#C3D1D6
#C5CFD6
#C7CDD6
#C9CBD6
#CBC9D6
#BFD6D5
#C2D3D5
#C4D1D5
#C7CED5
#CACCD5
#CDC9D5
#D0C6D5
#BFD8D3
#C2D5D3
#C6D1D3
#C9CED3
#CCCBD3
#D0C7D3
#D4C3D3
#BFD9D2
#C3D5D2
#C7D1D2
#CBCDD2
#D0C8D2
#D4C4D2
#D9BFD2
Colorpallet from #BFD2D9 to #BFD9D2 and to #D9D2BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD3D8
#C0D3D8
#C0D3D7
#C1D3D7
#C2D2D6
#C2D2D6
#C3D2D5
#BFD4D7
#C0D4D6
#C2D3D5
#C3D3D4
#C4D3D3
#C5D2D2
#C7D2D1
#BFD5D6
#C1D5D5
#C3D4D3
#C5D4D2
#C7D3D0
#C9D3CF
#CBD2CD
#BFD6D5
#C2D5D3
#C4D5D1
#C7D4CF
#CAD3CD
#CDD3CB
#D0D2C8
#BFD8D3
#C2D7D1
#C6D6CE
#C9D5CC
#CCD4C9
#D0D3C7
#D4D2C4
#BFD9D2
#C3D8CF
#C7D7CC
#CBD6C9
#D0D5C6
#D4D3C3
#D9D2BF
Colorpallet from #BFD2D9 to #D2BFD9 and to #D2D9BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C2CFD9
#C2D0D8
#C2D0D8
#C2D1D7
#C2D2D6
#C2D2D6
#C2D3D5
#C5CCD9
#C5CDD8
#C5CFD6
#C5D0D5
#C5D1D4
#C5D2D3
#C5D4D1
#C8C9D9
#C8CBD7
#C8CDD5
#C8CFD3
#C8D1D1
#C8D3CF
#C8D5CD
#CBC6D9
#CBC9D6
#CBCBD4
#CBCED1
#CBD0CE
#CBD3CB
#CBD6C8
#CEC3D9
#CEC6D6
#CECAD2
#CECDCF
#CED0CC
#CED4C8
#CED8C4
#D2BFD9
#D2C3D5
#D2C7D1
#D2CBCD
#D2D0C8
#D2D4C4
#D2D9BF
Colorpallet from #BFD2D9 to #D2BFD9 and to #D9BFD2
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C2CFD9
#C2CFD9
#C2CFD9
#C2CFD9
#C3CFD8
#C3CFD8
#C3CFD8
#C5CCD9
#C5CCD9
#C6CCD8
#C6CCD8
#C6CCD8
#C7CCD7
#C7CCD7
#C8C9D9
#C8C9D9
#C9C9D8
#C9C9D8
#CAC9D7
#CAC9D7
#CBC9D6
#CBC6D9
#CCC6D8
#CDC6D8
#CDC6D7
#CEC6D6
#CFC6D6
#D0C6D5
#CEC3D9
#CFC3D8
#D0C3D7
#D1C3D6
#D2C3D5
#D3C3D4
#D4C3D3
#D2BFD9
#D3BFD8
#D4BFD7
#D5BFD6
#D6BFD5
#D8BFD3
#D9BFD2
Colorpallet from #BFD2D9 to #D2BFD9 and to #D9D2BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C2CFD9
#C2CFD8
#C2D0D8
#C2D0D7
#C3D1D6
#C3D1D6
#C3D2D5
#C5CCD9
#C5CDD8
#C6CED6
#C6CFD5
#C6D0D4
#C7D1D3
#C7D2D1
#C8C9D9
#C8CAD7
#C9CCD5
#C9CDD3
#CACFD1
#CAD0CF
#CBD2CD
#CBC6D9
#CCC8D6
#CDCAD4
#CDCCD1
#CECECE
#CFD0CB
#D0D2C8
#CEC3D9
#CFC5D6
#D0C8D2
#D1CACF
#D2CDCC
#D3CFC8
#D4D2C4
#D2BFD9
#D3C2D5
#D4C5D1
#D5C8CD
#D6CBC8
#D8CEC4
#D9D2BF
Colorpallet from #BFD2D9 to #D2D9BF and to #D9BFD2
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C2D3D5
#C2D2D5
#C2D2D6
#C2D1D6
#C3D0D7
#C3D0D7
#C3CFD8
#C5D4D1
#C5D3D2
#C6D1D3
#C6D0D4
#C6CFD5
#C7CED6
#C7CCD7
#C8D5CD
#C8D3CE
#C9D1D0
#C9CFD1
#CACDD3
#CACBD4
#CBC9D6
#CBD6C8
#CCD3CA
#CDD1CC
#CDCECE
#CECCD0
#CFC9D2
#D0C6D5
#CED8C4
#CFD5C6
#D0D1C9
#D1CECB
#D2CBCE
#D3C7D0
#D4C3D3
#D2D9BF
#D3D5C2
#D4D1C5
#D5CDC8
#D6C8CB
#D8C4CE
#D9BFD2
Colorpallet from #BFD2D9 to #D2D9BF and to #D9D2BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C2D3D5
#C2D3D5
#C2D3D5
#C2D3D5
#C3D2D5
#C3D2D5
#C3D2D5
#C5D4D1
#C5D4D1
#C6D3D1
#C6D3D1
#C6D3D1
#C7D2D1
#C7D2D1
#C8D5CD
#C8D5CD
#C9D4CD
#C9D4CD
#CAD3CD
#CAD3CD
#CBD2CD
#CBD6C8
#CCD5C8
#CDD5C8
#CDD4C8
#CED3C8
#CFD3C8
#D0D2C8
#CED8C4
#CFD7C4
#D0D6C4
#D1D5C4
#D2D4C4
#D3D3C4
#D4D2C4
#D2D9BF
#D3D8BF
#D4D7BF
#D5D6BF
#D6D5BF
#D8D3BF
#D9D2BF
Colorpallet from #BFD2D9 to #D9BFD2 and to #D9D2BF
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#BFD2D9
#C3CFD8
#C3CFD8
#C3D0D7
#C3D0D7
#C3D1D6
#C3D1D6
#C3D2D5
#C7CCD7
#C7CDD6
#C7CED5
#C7CFD4
#C7D0D3
#C7D1D2
#C7D2D1
#CBC9D6
#CBCAD5
#CBCCD3
#CBCDD2
#CBCFD0
#CBD0CF
#CBD2CD
#D0C6D5
#D0C8D3
#D0CAD1
#D0CCCF
#D0CECD
#D0D0CB
#D0D2C8
#D4C3D3
#D4C5D1
#D4C8CE
#D4CACC
#D4CDC9
#D4CFC7
#D4D2C4
#D9BFD2
#D9C2CF
#D9C5CC
#D9C8C9
#D9CBC6
#D9CEC3
#D9D2BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
