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 #D3C8E3 to #D3E3C8 and to #C8D3E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3CCDF
#D3CCE0
#D2CBE0
#D2CBE1
#D2CBE2
#D1CAE2
#D1CAE3
#D3D1DA
#D2D0DB
#D2CFDD
#D1CFDE
#D0CEE0
#D0CDE1
#CFCCE3
#D3D5D6
#D2D4D8
#D1D2DA
#D1D1DC
#D0D0DE
#CFCFE0
#CECDE3
#D3D9D2
#D2D7D5
#D1D6D7
#D0D4DA
#CFD3DD
#CDD1E0
#CCCFE3
#D3DECD
#D2DCD1
#D0DAD4
#CFD8D8
#CDD6DB
#CCD4DF
#CAD1E3
#D3E3C8
#D1E0CC
#CFDED1
#CEDBD5
#CCD9D9
#CAD6DE
#C8D3E3
Colorpallet from #D3C8E3 to #D3E3C8 and to #C8E3D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3CCDF
#D3CCDF
#D2CCDF
#D2CCDF
#D2CCE0
#D1CCE0
#D1CCE0
#D3D1DA
#D2D1DB
#D2D1DB
#D1D1DC
#D0D1DD
#D0D1DD
#CFD1DE
#D3D5D6
#D2D5D7
#D1D5D8
#D1D5D8
#D0D5D9
#CFD5DA
#CED5DB
#D3D9D2
#D2D9D3
#D1D9D4
#D0D9D5
#CFD9D6
#CDD9D8
#CCD9D9
#D3DECD
#D2DECE
#D0DED0
#CFDED1
#CDDED3
#CCDED4
#CADED6
#D3E3C8
#D1E3CA
#CFE3CC
#CEE3CD
#CCE3CF
#CAE3D1
#C8E3D3
Colorpallet from #D3C8E3 to #D3E3C8 and to #E3D3C8
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3CCDF
#D3CCDF
#D4CBDF
#D4CBDF
#D5CBDF
#D5CADF
#D6CADF
#D3D1DA
#D4D0DA
#D5CFDA
#D5CFDA
#D6CEDA
#D7CDDA
#D8CCDA
#D3D5D6
#D4D4D6
#D6D2D6
#D7D1D6
#D8D0D6
#D9CFD6
#DBCDD6
#D3D9D2
#D5D7D2
#D6D6D2
#D8D4D2
#D9D3D2
#DBD1D2
#DDCFD2
#D3DECD
#D5DCCD
#D7DACD
#D9D8CD
#DBD6CD
#DDD4CD
#E0D1CD
#D3E3C8
#D6E0C8
#D8DEC8
#DBDBC8
#DDD9C8
#E0D6C8
#E3D3C8
Colorpallet from #D3C8E3 to #D3E3C8 and to #E3C8D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3CCDF
#D3CBDF
#D4CBDF
#D4CADF
#D5C9E0
#D5C9E0
#D6C8E0
#D3D1DA
#D4D0DB
#D5CEDB
#D5CDDC
#D6CBDD
#D7CADD
#D8C8DE
#D3D5D6
#D4D3D7
#D6D1D8
#D7CFD8
#D8CDD9
#D9CBDA
#DBC8DB
#D3D9D2
#D5D6D3
#D6D4D4
#D8D1D5
#D9CED6
#DBCBD8
#DDC8D9
#D3DECD
#D5DACE
#D7D7D0
#D9D3D1
#DBD0D3
#DDCCD4
#E0C8D6
#D3E3C8
#D6DFCA
#D8DACC
#DBD6CD
#DDD2CF
#E0CDD1
#E3C8D3
Colorpallet from #D3C8E3 to #C8D3E3 and to #C8E3D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D1CAE3
#D1CAE3
#D1CBE2
#D1CBE2
#D1CBE1
#D1CCE1
#D1CCE0
#CFCCE3
#CFCDE2
#CFCEE1
#CFCEE1
#CFCFE0
#CFD0DF
#CFD1DE
#CECDE3
#CECEE2
#CED0E0
#CED1DF
#CED2DE
#CED3DD
#CED5DB
#CCCFE3
#CCD1E1
#CCD2E0
#CCD4DE
#CCD5DD
#CCD7DB
#CCD9D9
#CAD1E3
#CAD3E1
#CAD5DF
#CAD7DD
#CAD9DB
#CADBD9
#CADED6
#C8D3E3
#C8D6E0
#C8D8DE
#C8DBDB
#C8DDD9
#C8E0D6
#C8E3D3
Colorpallet from #D3C8E3 to #C8D3E3 and to #E3D3C8
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D1CAE3
#D2CAE2
#D3CAE2
#D3CAE1
#D4CAE0
#D5CAE0
#D6CADF
#CFCCE3
#D0CCE2
#D2CCE0
#D3CCDF
#D5CCDD
#D6CCDC
#D8CCDA
#CECDE3
#D0CDE1
#D2CDDF
#D4CDDD
#D6CDDB
#D8CDD9
#DBCDD6
#CCCFE3
#CFCFE0
#D1CFDE
#D4CFDB
#D7CFD8
#DACFD5
#DDCFD2
#CAD1E3
#CED1DF
#D1D1DC
#D5D1D8
#D8D1D5
#DCD1D1
#E0D1CD
#C8D3E3
#CCD3DF
#D1D3DA
#D5D3D6
#D9D3D2
#DED3CD
#E3D3C8
Colorpallet from #D3C8E3 to #C8D3E3 and to #E3C8D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D1CAE3
#D2CAE3
#D3C9E2
#D3C9E2
#D4C9E1
#D5C8E1
#D6C8E0
#CFCCE3
#D0CBE2
#D2CBE1
#D3CAE1
#D5C9E0
#D6C9DF
#D8C8DE
#CECDE3
#D0CCE2
#D2CBE0
#D4CBDF
#D6CADE
#D8C9DD
#DBC8DB
#CCCFE3
#CFCEE1
#D1CDE0
#D4CCDE
#D7CBDD
#DAC9DB
#DDC8D9
#CAD1E3
#CED0E1
#D1CEDF
#D5CDDD
#D8CBDB
#DCCAD9
#E0C8D6
#C8D3E3
#CCD1E0
#D1CFDE
#D5CEDB
#D9CCD9
#DECAD6
#E3C8D3
Colorpallet from #D3C8E3 to #C8E3D3 and to #E3D3C8
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D1CCE0
#D2CCE0
#D3CBE0
#D3CBE0
#D4CBDF
#D5CADF
#D6CADF
#CFD1DE
#D0D0DD
#D2CFDD
#D3CFDC
#D5CEDB
#D6CDDB
#D8CCDA
#CED5DB
#D0D4DA
#D2D2D9
#D4D1D9
#D6D0D8
#D8CFD7
#DBCDD6
#CCD9D9
#CFD7D8
#D1D6D7
#D4D4D6
#D7D3D5
#DAD1D3
#DDCFD2
#CADED6
#CEDCD5
#D1DAD3
#D5D8D2
#D8D6D0
#DCD4CF
#E0D1CD
#C8E3D3
#CCE0D1
#D1DECF
#D5DBCE
#D9D9CC
#DED6CA
#E3D3C8
Colorpallet from #D3C8E3 to #C8E3D3 and to #E3C8D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D1CCE0
#D2CBE0
#D3CBE0
#D3CAE0
#D4C9E0
#D5C9E0
#D6C8E0
#CFD1DE
#D0D0DE
#D2CEDE
#D3CDDE
#D5CBDE
#D6CADE
#D8C8DE
#CED5DB
#D0D3DB
#D2D1DB
#D4CFDB
#D6CDDB
#D8CBDB
#DBC8DB
#CCD9D9
#CFD6D9
#D1D4D9
#D4D1D9
#D7CED9
#DACBD9
#DDC8D9
#CADED6
#CEDAD6
#D1D7D6
#D5D3D6
#D8D0D6
#DCCCD6
#E0C8D6
#C8E3D3
#CCDFD3
#D1DAD3
#D5D6D3
#D9D2D3
#DECDD3
#E3C8D3
Colorpallet from #D3C8E3 to #E3D3C8 and to #E3C8D3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D3C8E3
#D6CADF
#D6CADF
#D6C9DF
#D6C9DF
#D6C9E0
#D6C8E0
#D6C8E0
#D8CCDA
#D8CBDB
#D8CBDB
#D8CADC
#D8C9DD
#D8C9DD
#D8C8DE
#DBCDD6
#DBCCD7
#DBCBD8
#DBCBD8
#DBCAD9
#DBC9DA
#DBC8DB
#DDCFD2
#DDCED3
#DDCDD4
#DDCCD5
#DDCBD6
#DDC9D8
#DDC8D9
#E0D1CD
#E0D0CE
#E0CED0
#E0CDD1
#E0CBD3
#E0CAD4
#E0C8D6
#E3D3C8
#E3D1CA
#E3CFCC
#E3CECD
#E3CCCF
#E3CAD1
#E3C8D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts