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 #CDD6B5 to #CDB5D6 and to #D6CDB5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD1BA
#CDD2B9
#CDD2B8
#CDD3B8
#CED4B7
#CED4B6
#CED5B5
#CDCBC0
#CDCCBE
#CECEBC
#CECFBB
#CFD0B9
#CFD1B7
#D0D3B5
#CDC6C5
#CEC8C2
#CECAC0
#CFCCBD
#D0CEBB
#D0D0B8
#D1D2B5
#CDC1CA
#CEC3C7
#CFC6C3
#D0C8C0
#D1CBBD
#D2CDB9
#D3D0B5
#CDBCCF
#CEBFCB
#CFC2C7
#D0C5C3
#D1C8BE
#D3CBBA
#D4CFB5
#CDB5D6
#CEB9D1
#D0BDCB
#D1C1C6
#D3C4C1
#D4C8BC
#D6CDB5
Colorpallet from #CDD6B5 to #CDB5D6 and to #D6B5CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD1BA
#CDD1BA
#CDD1BA
#CDD1BA
#CED1B9
#CED1B9
#CED1B9
#CDCBC0
#CDCBC0
#CECBBF
#CECBBF
#CFCBBE
#CFCBBE
#D0CBBD
#CDC6C5
#CEC6C4
#CEC6C4
#CFC6C3
#D0C6C2
#D0C6C2
#D1C6C1
#CDC1CA
#CEC1C9
#CFC1C8
#D0C1C7
#D1C1C6
#D2C1C5
#D3C1C4
#CDBCCF
#CEBCCE
#CFBCCD
#D0BCCC
#D1BCCB
#D3BCC9
#D4BCC8
#CDB5D6
#CEB5D5
#D0B5D3
#D1B5D2
#D3B5D0
#D4B5CF
#D6B5CD
Colorpallet from #CDD6B5 to #CDB5D6 and to #B5CDD6
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD1BA
#CCD2BA
#CCD2BA
#CBD3BA
#CAD4BA
#CAD4BA
#C9D5BA
#CDCBC0
#CCCCC0
#CACEC0
#C9CFC0
#C8D0C0
#C7D1C0
#C5D3C0
#CDC6C5
#CBC8C5
#C9CAC5
#C7CCC5
#C5CEC5
#C3D0C5
#C1D2C5
#CDC1CA
#CBC3CA
#C8C6CA
#C6C8CA
#C3CBCA
#C1CDCA
#BED0CA
#CDBCCF
#CABFCF
#C7C2CF
#C4C5CF
#C1C8CF
#BECBCF
#BACFCF
#CDB5D6
#C9B9D6
#C5BDD6
#C1C1D6
#BEC4D6
#BAC8D6
#B5CDD6
Colorpallet from #CDD6B5 to #CDB5D6 and to #B5D6CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD1BA
#CCD2BA
#CCD3BA
#CBD3BA
#CAD4B9
#CAD5B9
#C9D6B9
#CDCBC0
#CCCDC0
#CACFBF
#C9D0BF
#C8D2BE
#C7D4BE
#C5D6BD
#CDC6C5
#CBC9C4
#C9CBC4
#C7CEC3
#C5D0C2
#C3D3C2
#C1D6C1
#CDC1CA
#CBC4C9
#C8C8C8
#C6CBC7
#C3CEC6
#C1D2C5
#BED6C4
#CDBCCF
#CAC0CE
#C7C4CD
#C4C8CC
#C1CDCB
#BED1C9
#BAD6C8
#CDB5D6
#C9BAD5
#C5C0D3
#C1C5D2
#BECAD0
#BACFCF
#B5D6CD
Colorpallet from #CDD6B5 to #D6CDB5 and to #D6B5CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CED5B5
#CED4B6
#CED4B6
#CED3B7
#CED2B8
#CED2B8
#CED1B9
#D0D3B5
#D0D2B6
#D0D0B8
#D0CFB9
#D0CEBA
#D0CDBB
#D0CBBD
#D1D2B5
#D1D0B7
#D1CEB9
#D1CCBB
#D1CABD
#D1C8BF
#D1C6C1
#D3D0B5
#D3CEB7
#D3CBBA
#D3C9BC
#D3C6BF
#D3C4C1
#D3C1C4
#D4CFB5
#D4CCB8
#D4C9BB
#D4C6BE
#D4C3C1
#D4C0C4
#D4BCC8
#D6CDB5
#D6C9B9
#D6C5BD
#D6C1C1
#D6BEC4
#D6BAC8
#D6B5CD
Colorpallet from #CDD6B5 to #D6CDB5 and to #B5CDD6
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CED5B5
#CDD5B6
#CCD5B7
#CCD5B7
#CBD5B8
#CAD5B9
#C9D5BA
#D0D3B5
#CED3B7
#CCD3B9
#CBD3BA
#C9D3BC
#C7D3BE
#C5D3C0
#D1D2B5
#CED2B8
#CCD2BA
#C9D2BD
#C7D2BF
#C4D2C2
#C1D2C5
#D3D0B5
#D0D0B8
#CCD0BC
#C9D0BF
#C6D0C2
#C2D0C6
#BED0CA
#D4CFB5
#D0CFB9
#CCCFBD
#C8CFC1
#C3CFC6
#BFCFCA
#BACFCF
#D6CDB5
#D1CDBA
#CBCDC0
#C6CDC5
#C1CDCA
#BCCDCF
#B5CDD6
Colorpallet from #CDD6B5 to #D6CDB5 and to #B5D6CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CED5B5
#CDD5B6
#CCD5B6
#CCD5B7
#CBD6B8
#CAD6B8
#C9D6B9
#D0D3B5
#CED3B6
#CCD4B8
#CBD4B9
#C9D5BA
#C7D5BB
#C5D6BD
#D1D2B5
#CED3B7
#CCD3B9
#C9D4BB
#C7D5BD
#C4D5BF
#C1D6C1
#D3D0B5
#D0D1B7
#CCD2BA
#C9D3BC
#C6D4BF
#C2D5C1
#BED6C4
#D4CFB5
#D0D0B8
#CCD1BB
#C8D2BE
#C3D3C1
#BFD5C4
#BAD6C8
#D6CDB5
#D1CEB9
#CBD0BD
#C6D1C1
#C1D3C4
#BCD4C8
#B5D6CD
Colorpallet from #CDD6B5 to #D6B5CD and to #B5CDD6
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CED1B9
#CDD2B9
#CCD2B9
#CCD3B9
#CBD4BA
#CAD4BA
#C9D5BA
#D0CBBD
#CECCBD
#CCCEBE
#CBCFBE
#C9D0BF
#C7D1BF
#C5D3C0
#D1C6C1
#CEC8C2
#CCCAC2
#C9CCC3
#C7CEC4
#C4D0C4
#C1D2C5
#D3C1C4
#D0C3C5
#CCC6C6
#C9C8C7
#C6CBC8
#C2CDC9
#BED0CA
#D4BCC8
#D0BFC9
#CCC2CA
#C8C5CB
#C3C8CC
#BFCBCE
#BACFCF
#D6B5CD
#D1B9CE
#CBBDD0
#C6C1D1
#C1C4D3
#BCC8D4
#B5CDD6
Colorpallet from #CDD6B5 to #D6B5CD and to #B5D6CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CED1B9
#CDD2B9
#CCD3B9
#CCD3B9
#CBD4B9
#CAD5B9
#C9D6B9
#D0CBBD
#CECDBD
#CCCFBD
#CBD0BD
#C9D2BD
#C7D4BD
#C5D6BD
#D1C6C1
#CEC9C1
#CCCBC1
#C9CEC1
#C7D0C1
#C4D3C1
#C1D6C1
#D3C1C4
#D0C4C4
#CCC8C4
#C9CBC4
#C6CEC4
#C2D2C4
#BED6C4
#D4BCC8
#D0C0C8
#CCC4C8
#C8C8C8
#C3CDC8
#BFD1C8
#BAD6C8
#D6B5CD
#D1BACD
#CBC0CD
#C6C5CD
#C1CACD
#BCCFCD
#B5D6CD
Colorpallet from #CDD6B5 to #B5CDD6 and to #B5D6CD
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#CDD6B5
#C9D5BA
#C9D5BA
#C9D5BA
#C9D5BA
#C9D6B9
#C9D6B9
#C9D6B9
#C5D3C0
#C5D3C0
#C5D4BF
#C5D4BF
#C5D5BE
#C5D5BE
#C5D6BD
#C1D2C5
#C1D3C4
#C1D3C4
#C1D4C3
#C1D5C2
#C1D5C2
#C1D6C1
#BED0CA
#BED1C9
#BED2C8
#BED3C7
#BED4C6
#BED5C5
#BED6C4
#BACFCF
#BAD0CE
#BAD1CD
#BAD2CC
#BAD3CB
#BAD5C9
#BAD6C8
#B5CDD6
#B5CED5
#B5D0D3
#B5D1D2
#B5D3D0
#B5D4CF
#B5D6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts