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 #CDD8B8 to #CDB8D8 and to #D8CDB8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD3BD
#CDD3BC
#CED4BB
#CED4BB
#CED5BA
#CFD5B9
#CFD6B8
#CDCEC2
#CECFC0
#CED0BF
#CFD1BD
#D0D2BC
#D0D3BA
#D1D4B8
#CDC9C7
#CECBC5
#CFCCC2
#CFCEC0
#D0CFBD
#D1D1BB
#D2D3B8
#CDC4CC
#CEC6C9
#CFC8C6
#D0CAC2
#D1CCBF
#D3CEBC
#D4D1B8
#CDBED2
#CEC1CE
#D0C3CA
#D1C6C6
#D3C9C1
#D4CCBD
#D6CFB8
#CDB8D8
#CFBBD3
#D1BFCE
#D2C2C9
#D4C5C4
#D6C9BE
#D8CDB8
Colorpallet from #CDD8B8 to #CDB8D8 and to #D8B8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD3BD
#CDD3BD
#CED3BC
#CED3BC
#CED3BC
#CFD3BB
#CFD3BB
#CDCEC2
#CECEC2
#CECEC1
#CFCEC1
#D0CEC0
#D0CEC0
#D1CEBF
#CDC9C7
#CEC9C6
#CFC9C5
#CFC9C5
#D0C9C4
#D1C9C3
#D2C9C2
#CDC4CC
#CEC4CB
#CFC4CA
#D0C4C9
#D1C4C8
#D3C4C6
#D4C4C5
#CDBED2
#CEBED1
#D0BECF
#D1BECE
#D3BECC
#D4BECB
#D6BEC9
#CDB8D8
#CFB8D6
#D1B8D4
#D2B8D3
#D4B8D1
#D6B8CF
#D8B8CD
Colorpallet from #CDD8B8 to #CDB8D8 and to #B8CDD8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD3BD
#CDD3BD
#CCD4BD
#CCD4BD
#CBD5BD
#CBD5BD
#CAD6BD
#CDCEC2
#CCCFC2
#CBD0C2
#CAD1C2
#C9D2C2
#C7D3C2
#C6D4C2
#CDC9C7
#CBCBC7
#CACCC7
#C8CEC7
#C7CFC7
#C5D1C7
#C3D3C7
#CDC4CC
#CBC6CC
#C9C8CC
#C7CACC
#C5CCCC
#C3CECC
#C0D1CC
#CDBED2
#CAC1D2
#C8C3D2
#C5C6D2
#C2C9D2
#BFCCD2
#BCCFD2
#CDB8D8
#CABBD8
#C6BFD8
#C3C2D8
#C0C5D8
#BCC9D8
#B8CDD8
Colorpallet from #CDD8B8 to #CDB8D8 and to #B8D8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD3BD
#CDD4BD
#CCD5BC
#CCD5BC
#CBD6BC
#CBD7BB
#CAD8BB
#CDCEC2
#CCD0C2
#CBD1C1
#CAD3C1
#C9D4C0
#C7D6C0
#C6D8BF
#CDC9C7
#CBCBC6
#CACEC5
#C8D0C5
#C7D3C4
#C5D5C3
#C3D8C2
#CDC4CC
#CBC7CB
#C9CACA
#C7CEC9
#C5D1C8
#C3D4C6
#C0D8C5
#CDBED2
#CAC2D1
#C8C6CF
#C5CACE
#C2CFCC
#BFD3CB
#BCD8C9
#CDB8D8
#CABDD6
#C6C2D4
#C3C7D3
#C0CCD1
#BCD2CF
#B8D8CD
Colorpallet from #CDD8B8 to #D8CDB8 and to #D8B8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CFD6B8
#CFD6B8
#CFD5B9
#CFD5B9
#CFD4BA
#CFD4BA
#CFD3BB
#D1D4B8
#D1D3B9
#D1D2BA
#D1D1BB
#D1D0BC
#D1CFBE
#D1CEBF
#D2D3B8
#D2D1BA
#D2D0BB
#D2CEBD
#D2CDBE
#D2CBC0
#D2C9C2
#D4D1B8
#D4CFBA
#D4CDBC
#D4CBBE
#D4C9C0
#D4C7C2
#D4C4C5
#D6CFB8
#D6CCBB
#D6CABD
#D6C7C0
#D6C4C3
#D6C1C6
#D6BEC9
#D8CDB8
#D8CABB
#D8C6BF
#D8C3C2
#D8C0C5
#D8BCC9
#D8B8CD
Colorpallet from #CDD8B8 to #D8CDB8 and to #B8CDD8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CFD6B8
#CED6B9
#CDD6BA
#CDD6BA
#CCD6BB
#CBD6BC
#CAD6BD
#D1D4B8
#CFD4BA
#CDD4BB
#CCD4BD
#CAD4BE
#C8D4C0
#C6D4C2
#D2D3B8
#D0D3BA
#CDD3BD
#CBD3BF
#C8D3C2
#C6D3C4
#C3D3C7
#D4D1B8
#D1D1BB
#CED1BE
#CAD1C2
#C7D1C5
#C4D1C8
#C0D1CC
#D6CFB8
#D2CFBC
#CECFC0
#CACFC4
#C5CFC9
#C1CFCD
#BCCFD2
#D8CDB8
#D3CDBD
#CECDC2
#C9CDC7
#C4CDCC
#BECDD2
#B8CDD8
Colorpallet from #CDD8B8 to #D8CDB8 and to #B8D8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CFD6B8
#CED6B8
#CDD7B9
#CDD7B9
#CCD7BA
#CBD8BA
#CAD8BB
#D1D4B8
#CFD5B9
#CDD5BA
#CCD6BB
#CAD7BC
#C8D7BE
#C6D8BF
#D2D3B8
#D0D4BA
#CDD5BB
#CBD5BD
#C8D6BE
#C6D7C0
#C3D8C2
#D4D1B8
#D1D2BA
#CED3BC
#CAD4BE
#C7D5C0
#C4D7C2
#C0D8C5
#D6CFB8
#D2D0BB
#CED2BD
#CAD3C0
#C5D5C3
#C1D6C6
#BCD8C9
#D8CDB8
#D3CFBB
#CED1BF
#C9D2C2
#C4D4C5
#BED6C9
#B8D8CD
Colorpallet from #CDD8B8 to #D8B8CD and to #B8CDD8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CFD3BB
#CED3BB
#CDD4BC
#CDD4BC
#CCD5BC
#CBD5BD
#CAD6BD
#D1CEBF
#CFCFBF
#CDD0C0
#CCD1C0
#CAD2C1
#C8D3C1
#C6D4C2
#D2C9C2
#D0CBC3
#CDCCC4
#CBCEC4
#C8CFC5
#C6D1C6
#C3D3C7
#D4C4C5
#D1C6C6
#CEC8C7
#CACAC8
#C7CCC9
#C4CECB
#C0D1CC
#D6BEC9
#D2C1CA
#CEC3CC
#CAC6CD
#C5C9CF
#C1CCD0
#BCCFD2
#D8B8CD
#D3BBCF
#CEBFD1
#C9C2D2
#C4C5D4
#BEC9D6
#B8CDD8
Colorpallet from #CDD8B8 to #D8B8CD and to #B8D8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CFD3BB
#CED4BB
#CDD5BB
#CDD5BB
#CCD6BB
#CBD7BB
#CAD8BB
#D1CEBF
#CFD0BF
#CDD1BF
#CCD3BF
#CAD4BF
#C8D6BF
#C6D8BF
#D2C9C2
#D0CBC2
#CDCEC2
#CBD0C2
#C8D3C2
#C6D5C2
#C3D8C2
#D4C4C5
#D1C7C5
#CECAC5
#CACEC5
#C7D1C5
#C4D4C5
#C0D8C5
#D6BEC9
#D2C2C9
#CEC6C9
#CACAC9
#C5CFC9
#C1D3C9
#BCD8C9
#D8B8CD
#D3BDCD
#CEC2CD
#C9C7CD
#C4CCCD
#BED2CD
#B8D8CD
Colorpallet from #CDD8B8 to #B8CDD8 and to #B8D8CD
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CDD8B8
#CAD6BD
#CAD6BD
#CAD7BC
#CAD7BC
#CAD7BC
#CAD8BB
#CAD8BB
#C6D4C2
#C6D5C2
#C6D5C1
#C6D6C1
#C6D7C0
#C6D7C0
#C6D8BF
#C3D3C7
#C3D4C6
#C3D5C5
#C3D5C5
#C3D6C4
#C3D7C3
#C3D8C2
#C0D1CC
#C0D2CB
#C0D3CA
#C0D4C9
#C0D5C8
#C0D7C6
#C0D8C5
#BCCFD2
#BCD0D1
#BCD2CF
#BCD3CE
#BCD5CC
#BCD6CB
#BCD8C9
#B8CDD8
#B8CFD6
#B8D1D4
#B8D2D3
#B8D4D1
#B8D6CF
#B8D8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts