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 #D9C2E2 to #D9E2C2 and to #C2D9E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C7DD
#D8C7DE
#D8C7DF
#D7C7DF
#D6C6E0
#D6C6E1
#D5C6E2
#D9CCD8
#D8CCDA
#D7CBDB
#D6CBDD
#D5CADE
#D3CAE0
#D2C9E2
#D9D1D3
#D7D0D5
#D5D0D8
#D4CFDA
#D2CEDD
#D0CEDF
#CECDE2
#D9D6CE
#D7D5D1
#D4D4D4
#D2D4D8
#CFD3DB
#CDD2DE
#CAD1E2
#D9DCC8
#D6DBCC
#D3D9D0
#D0D8D4
#CDD7D9
#CBD6DD
#C7D4E2
#D9E2C2
#D5E1C7
#D2DFCC
#CEDED1
#CADCD6
#C7DBDC
#C2D9E2
Colorpallet from #D9C2E2 to #D9E2C2 and to #C2E2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C7DD
#D8C7DE
#D8C7DE
#D7C7DF
#D6C7E0
#D6C7E0
#D5C7E1
#D9CCD8
#D8CCD9
#D7CCDA
#D6CCDB
#D5CCDC
#D3CCDE
#D2CCDF
#D9D1D3
#D7D1D5
#D5D1D7
#D4D1D8
#D2D1DA
#D0D1DC
#CED1DE
#D9D6CE
#D7D6D0
#D4D6D2
#D2D6D5
#CFD6D7
#CDD6D9
#CAD6DC
#D9DCC8
#D6DCCB
#D3DCCE
#D0DCD1
#CDDCD4
#CBDCD7
#C7DCDB
#D9E2C2
#D5E2C6
#D2E2C9
#CEE2CD
#CAE2D1
#C7E2D4
#C2E2D9
Colorpallet from #D9C2E2 to #D9E2C2 and to #E2D9C2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C7DD
#D9C7DD
#D9C7DD
#D9C7DD
#DAC6DD
#DAC6DD
#DAC6DD
#D9CCD8
#D9CCD8
#DACBD8
#DACBD8
#DBCAD8
#DBCAD8
#DCC9D8
#D9D1D3
#DAD0D3
#DAD0D3
#DBCFD3
#DCCED3
#DCCED3
#DDCDD3
#D9D6CE
#DAD5CE
#DBD4CE
#DCD4CE
#DDD3CE
#DED2CE
#DFD1CE
#D9DCC8
#DADBC8
#DBD9C8
#DCD8C8
#DDD7C8
#DFD6C8
#E0D4C8
#D9E2C2
#DAE1C2
#DCDFC2
#DDDEC2
#DFDCC2
#E0DBC2
#E2D9C2
Colorpallet from #D9C2E2 to #D9E2C2 and to #E2C2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C7DD
#D9C6DE
#D9C5DE
#D9C5DF
#DAC4E0
#DAC3E0
#DAC2E1
#D9CCD8
#D9CAD9
#DAC9DA
#DAC7DB
#DBC6DC
#DBC4DE
#DCC2DF
#D9D1D3
#DACFD5
#DACCD7
#DBCAD8
#DCC7DA
#DCC5DC
#DDC2DE
#D9D6CE
#DAD3D0
#DBD0D2
#DCCCD5
#DDC9D7
#DEC6D9
#DFC2DC
#D9DCC8
#DAD8CB
#DBD4CE
#DCD0D1
#DDCBD4
#DFC7D7
#E0C2DB
#D9E2C2
#DADDC6
#DCD8C9
#DDD3CD
#DFCED1
#E0C8D4
#E2C2D9
Colorpallet from #D9C2E2 to #C2D9E2 and to #C2E2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D5C6E2
#D5C6E2
#D5C6E2
#D5C6E2
#D5C7E1
#D5C7E1
#D5C7E1
#D2C9E2
#D2C9E2
#D2CAE1
#D2CAE1
#D2CBE0
#D2CBE0
#D2CCDF
#CECDE2
#CECEE1
#CECEE1
#CECFE0
#CED0DF
#CED0DF
#CED1DE
#CAD1E2
#CAD2E1
#CAD3E0
#CAD3DF
#CAD4DE
#CAD5DD
#CAD6DC
#C7D4E2
#C7D5E1
#C7D7E0
#C7D8DF
#C7D9DE
#C7DADC
#C7DCDB
#C2D9E2
#C2DAE1
#C2DCDF
#C2DDDE
#C2DFDC
#C2E0DB
#C2E2D9
Colorpallet from #D9C2E2 to #C2D9E2 and to #E2D9C2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D5C6E2
#D6C6E1
#D7C6E0
#D7C6E0
#D8C6DF
#D9C6DE
#DAC6DD
#D2C9E2
#D4C9E0
#D5C9DF
#D7C9DD
#D8C9DC
#DAC9DA
#DCC9D8
#CECDE2
#D0CDE0
#D3CDDD
#D5CDDB
#D8CDD8
#DACDD6
#DDCDD3
#CAD1E2
#CDD1DF
#D1D1DC
#D4D1D8
#D7D1D5
#DBD1D2
#DFD1CE
#C7D4E2
#CBD4DE
#CFD4DA
#D3D4D6
#D7D4D1
#DBD4CD
#E0D4C8
#C2D9E2
#C7D9DD
#CCD9D8
#D1D9D3
#D6D9CE
#DCD9C8
#E2D9C2
Colorpallet from #D9C2E2 to #C2D9E2 and to #E2C2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D5C6E2
#D6C5E2
#D7C5E2
#D7C4E2
#D8C3E1
#D9C3E1
#DAC2E1
#D2C9E2
#D4C8E2
#D5C7E1
#D7C6E1
#D8C5E0
#DAC3E0
#DCC2DF
#CECDE2
#D0CBE1
#D3C9E1
#D5C8E0
#D8C6DF
#DAC4DF
#DDC2DE
#CAD1E2
#CDCFE1
#D1CCE0
#D4CADF
#D7C7DE
#DBC5DD
#DFC2DC
#C7D4E2
#CBD1E1
#CFCEE0
#D3CBDF
#D7C8DE
#DBC6DC
#E0C2DB
#C2D9E2
#C7D5E1
#CCD2DF
#D1CEDE
#D6CADC
#DCC7DB
#E2C2D9
Colorpallet from #D9C2E2 to #C2E2D9 and to #E2D9C2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D5C7E1
#D6C7E0
#D7C7E0
#D7C7DF
#D8C6DE
#D9C6DE
#DAC6DD
#D2CCDF
#D4CCDE
#D5CBDD
#D7CBDC
#D8CADB
#DACAD9
#DCC9D8
#CED1DE
#D0D0DC
#D3D0DA
#D5CFD9
#D8CED7
#DACED5
#DDCDD3
#CAD6DC
#CDD5DA
#D1D4D8
#D4D4D5
#D7D3D3
#DBD2D1
#DFD1CE
#C7DCDB
#CBDBD8
#CFD9D5
#D3D8D2
#D7D7CF
#DBD6CC
#E0D4C8
#C2E2D9
#C7E1D5
#CCDFD2
#D1DECE
#D6DCCA
#DCDBC7
#E2D9C2
Colorpallet from #D9C2E2 to #C2E2D9 and to #E2C2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D5C7E1
#D6C6E1
#D7C5E1
#D7C5E1
#D8C4E1
#D9C3E1
#DAC2E1
#D2CCDF
#D4CADF
#D5C9DF
#D7C7DF
#D8C6DF
#DAC4DF
#DCC2DF
#CED1DE
#D0CFDE
#D3CCDE
#D5CADE
#D8C7DE
#DAC5DE
#DDC2DE
#CAD6DC
#CDD3DC
#D1D0DC
#D4CCDC
#D7C9DC
#DBC6DC
#DFC2DC
#C7DCDB
#CBD8DB
#CFD4DB
#D3D0DB
#D7CBDB
#DBC7DB
#E0C2DB
#C2E2D9
#C7DDD9
#CCD8D9
#D1D3D9
#D6CED9
#DCC8D9
#E2C2D9
Colorpallet from #D9C2E2 to #E2D9C2 and to #E2C2D9
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#D9C2E2
#DAC6DD
#DAC5DE
#DAC5DE
#DAC4DF
#DAC3E0
#DAC3E0
#DAC2E1
#DCC9D8
#DCC8D9
#DCC7DA
#DCC6DB
#DCC5DC
#DCC3DE
#DCC2DF
#DDCDD3
#DDCBD5
#DDC9D7
#DDC8D8
#DDC6DA
#DDC4DC
#DDC2DE
#DFD1CE
#DFCFD0
#DFCCD2
#DFCAD5
#DFC7D7
#DFC5D9
#DFC2DC
#E0D4C8
#E0D1CB
#E0CECE
#E0CBD1
#E0C8D4
#E0C6D7
#E0C2DB
#E2D9C2
#E2D5C6
#E2D2C9
#E2CECD
#E2CAD1
#E2C7D4
#E2C2D9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts