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 #D8C3E4 to #D8E4C3 and to #C3D8E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C8DF
#D8C8E0
#D7C7E1
#D7C7E1
#D6C7E2
#D6C6E3
#D5C6E4
#D8CED9
#D7CDDB
#D6CDDD
#D5CCDE
#D4CBE0
#D2CBE2
#D1CAE4
#D8D3D4
#D6D2D7
#D5D1D9
#D3D0DC
#D2CFDE
#D0CEE1
#CECDE4
#D8D8CF
#D6D7D2
#D4D5D6
#D2D4D9
#D0D3DC
#CED2E0
#CBD0E4
#D8DDCA
#D5DCCE
#D3DAD2
#D0D9D6
#CDD7DB
#CAD6DF
#C7D4E4
#D8E4C3
#D5E2C8
#D1E0CE
#CEDED3
#CBDCD8
#C7DADD
#C3D8E4
Colorpallet from #D8C3E4 to #D8E4C3 and to #C3E4D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C8DF
#D8C8DF
#D7C8E0
#D7C8E0
#D6C8E1
#D6C8E1
#D5C8E2
#D8CED9
#D7CEDA
#D6CEDB
#D5CEDC
#D4CEDD
#D2CEDF
#D1CEE0
#D8D3D4
#D6D3D6
#D5D3D7
#D3D3D9
#D2D3DA
#D0D3DC
#CED3DE
#D8D8CF
#D6D8D1
#D4D8D3
#D2D8D5
#D0D8D7
#CED8D9
#CBD8DC
#D8DDCA
#D5DDCD
#D3DDCF
#D0DDD2
#CDDDD4
#CADDD7
#C7DDDA
#D8E4C3
#D5E4C6
#D1E4CA
#CEE4CD
#CBE4D0
#C7E4D4
#C3E4D8
Colorpallet from #D8C3E4 to #D8E4C3 and to #E4D8C3
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C8DF
#D8C8DF
#D9C7DF
#D9C7DF
#D9C7DF
#DAC6DF
#DAC6DF
#D8CED9
#D9CDD9
#D9CDD9
#DACCD9
#DBCBD9
#DBCBD9
#DCCAD9
#D8D3D4
#D9D2D4
#DAD1D4
#DBD0D4
#DCCFD4
#DDCED4
#DECDD4
#D8D8CF
#D9D7CF
#DBD5CF
#DCD4CF
#DDD3CF
#DED2CF
#E0D0CF
#D8DDCA
#DADCCA
#DBDACA
#DDD9CA
#DED7CA
#E0D6CA
#E2D4CA
#D8E4C3
#DAE2C3
#DCE0C3
#DEDEC3
#E0DCC3
#E2DAC3
#E4D8C3
Colorpallet from #D8C3E4 to #D8E4C3 and to #E4C3D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C8DF
#D8C7DF
#D9C6E0
#D9C6E0
#D9C5E1
#DAC4E1
#DAC3E2
#D8CED9
#D9CCDA
#D9CADB
#DAC9DC
#DBC7DD
#DBC5DF
#DCC3E0
#D8D3D4
#D9D0D6
#DACED7
#DBCBD9
#DCC9DA
#DDC6DC
#DEC3DE
#D8D8CF
#D9D5D1
#DBD1D3
#DCCED5
#DDCBD7
#DEC7D9
#E0C3DC
#D8DDCA
#DAD9CD
#DBD5CF
#DDD1D2
#DECCD4
#E0C8D7
#E2C3DA
#D8E4C3
#DADFC6
#DCD9CA
#DED4CD
#E0CFD0
#E2CAD4
#E4C3D8
Colorpallet from #D8C3E4 to #C3D8E4 and to #C3E4D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D5C6E4
#D5C6E4
#D5C7E3
#D5C7E3
#D5C7E3
#D5C8E2
#D5C8E2
#D1CAE4
#D1CBE3
#D1CBE3
#D1CCE2
#D1CDE1
#D1CDE1
#D1CEE0
#CECDE4
#CECEE3
#CECFE2
#CED0E1
#CED1E0
#CED2DF
#CED3DE
#CBD0E4
#CBD1E3
#CBD3E1
#CBD4E0
#CBD5DF
#CBD6DE
#CBD8DC
#C7D4E4
#C7D5E2
#C7D7E1
#C7D8DF
#C7DADE
#C7DBDC
#C7DDDA
#C3D8E4
#C3DAE2
#C3DCE0
#C3DEDE
#C3E0DC
#C3E2DA
#C3E4D8
Colorpallet from #D8C3E4 to #C3D8E4 and to #E4D8C3
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D5C6E4
#D6C6E3
#D7C6E2
#D7C6E2
#D8C6E1
#D9C6E0
#DAC6DF
#D1CAE4
#D3CAE2
#D5CAE0
#D6CADF
#D8CADD
#DACADB
#DCCAD9
#CECDE4
#D1CDE1
#D3CDDF
#D6CDDC
#D8CDDA
#DBCDD7
#DECDD4
#CBD0E4
#CED0E1
#D2D0DD
#D5D0DA
#D8D0D7
#DCD0D3
#E0D0CF
#C7D4E4
#CBD4E0
#D0D4DC
#D4D4D8
#D8D4D3
#DDD4CF
#E2D4CA
#C3D8E4
#C8D8DF
#CED8D9
#D3D8D4
#D8D8CF
#DDD8CA
#E4D8C3
Colorpallet from #D8C3E4 to #C3D8E4 and to #E4C3D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D5C6E4
#D6C6E4
#D7C5E3
#D7C5E3
#D8C4E3
#D9C4E2
#DAC3E2
#D1CAE4
#D3C9E3
#D5C8E3
#D6C7E2
#D8C6E1
#DAC4E1
#DCC3E0
#CECDE4
#D1CBE3
#D3CAE2
#D6C8E1
#D8C7E0
#DBC5DF
#DEC3DE
#CBD0E4
#CECEE3
#D2CCE1
#D5CAE0
#D8C8DF
#DCC6DE
#E0C3DC
#C7D4E4
#CBD1E2
#D0CFE1
#D4CCDF
#D8C9DE
#DDC6DC
#E2C3DA
#C3D8E4
#C8D5E2
#CED1E0
#D3CEDE
#D8CBDC
#DDC7DA
#E4C3D8
Colorpallet from #D8C3E4 to #C3E4D8 and to #E4D8C3
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D5C8E2
#D6C8E2
#D7C7E1
#D7C7E1
#D8C7E0
#D9C6E0
#DAC6DF
#D1CEE0
#D3CDDF
#D5CDDE
#D6CCDD
#D8CBDC
#DACBDA
#DCCAD9
#CED3DE
#D1D2DC
#D3D1DB
#D6D0D9
#D8CFD8
#DBCED6
#DECDD4
#CBD8DC
#CED7DA
#D2D5D8
#D5D4D6
#D8D3D4
#DCD2D2
#E0D0CF
#C7DDDA
#CBDCD7
#D0DAD5
#D4D9D2
#D8D7D0
#DDD6CD
#E2D4CA
#C3E4D8
#C8E2D5
#CEE0D1
#D3DECE
#D8DCCB
#DDDAC7
#E4D8C3
Colorpallet from #D8C3E4 to #C3E4D8 and to #E4C3D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D5C8E2
#D6C7E2
#D7C6E2
#D7C6E2
#D8C5E2
#D9C4E2
#DAC3E2
#D1CEE0
#D3CCE0
#D5CAE0
#D6C9E0
#D8C7E0
#DAC5E0
#DCC3E0
#CED3DE
#D1D0DE
#D3CEDE
#D6CBDE
#D8C9DE
#DBC6DE
#DEC3DE
#CBD8DC
#CED5DC
#D2D1DC
#D5CEDC
#D8CBDC
#DCC7DC
#E0C3DC
#C7DDDA
#CBD9DA
#D0D5DA
#D4D1DA
#D8CCDA
#DDC8DA
#E2C3DA
#C3E4D8
#C8DFD8
#CED9D8
#D3D4D8
#D8CFD8
#DDCAD8
#E4C3D8
Colorpallet from #D8C3E4 to #E4D8C3 and to #E4C3D8
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#D8C3E4
#DAC6DF
#DAC6DF
#DAC5E0
#DAC5E0
#DAC4E1
#DAC4E1
#DAC3E2
#DCCAD9
#DCC9DA
#DCC8DB
#DCC7DC
#DCC6DD
#DCC4DF
#DCC3E0
#DECDD4
#DECBD6
#DECAD7
#DEC8D9
#DEC7DA
#DEC5DC
#DEC3DE
#E0D0CF
#E0CED1
#E0CCD3
#E0CAD5
#E0C8D7
#E0C6D9
#E0C3DC
#E2D4CA
#E2D1CD
#E2CFCF
#E2CCD2
#E2C9D4
#E2C6D7
#E2C3DA
#E4D8C3
#E4D5C6
#E4D1CA
#E4CECD
#E4CBD0
#E4C7D4
#E4C3D8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts