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 #D3C4E0 to #D3E0C4 and to #C4D3E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C8DC
#D3C8DD
#D2C7DD
#D2C7DE
#D2C7DF
#D1C6DF
#D1C6E0
#D3CDD7
#D2CCD8
#D1CCDA
#D1CBDB
#D0CADD
#CFCADE
#CEC9E0
#D3D1D3
#D2D0D5
#D1CFD7
#D0CED9
#CFCDDB
#CDCCDD
#CCCBE0
#D3D6CE
#D1D5D1
#D0D3D4
#CED2D7
#CDD1DA
#CBD0DC
#C9CEE0
#D3DACA
#D1D8CE
#CFD7D1
#CDD5D5
#CBD4D8
#C9D2DC
#C7D0E0
#D3E0C4
#D1DEC8
#CEDCCD
#CCDAD1
#C9D8D6
#C7D6DA
#C4D3E0
Colorpallet from #D3C4E0 to #D3E0C4 and to #C4E0D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C8DC
#D3C8DC
#D2C8DD
#D2C8DD
#D2C8DD
#D1C8DE
#D1C8DE
#D3CDD7
#D2CDD8
#D1CDD9
#D1CDD9
#D0CDDA
#CFCDDB
#CECDDC
#D3D1D3
#D2D1D4
#D1D1D5
#D0D1D6
#CFD1D7
#CDD1D9
#CCD1DA
#D3D6CE
#D1D6D0
#D0D6D1
#CED6D3
#CDD6D4
#CBD6D6
#C9D6D8
#D3DACA
#D1DACC
#CFDACE
#CDDAD0
#CBDAD2
#C9DAD4
#C7DAD6
#D3E0C4
#D1E0C6
#CEE0C9
#CCE0CB
#C9E0CE
#C7E0D0
#C4E0D3
Colorpallet from #D3C4E0 to #D3E0C4 and to #E0D3C4
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C8DC
#D3C8DC
#D4C7DC
#D4C7DC
#D4C7DC
#D5C6DC
#D5C6DC
#D3CDD7
#D4CCD7
#D4CCD7
#D5CBD7
#D6CAD7
#D6CAD7
#D7C9D7
#D3D1D3
#D4D0D3
#D5CFD3
#D6CED3
#D7CDD3
#D8CCD3
#D9CBD3
#D3D6CE
#D4D5CE
#D6D3CE
#D7D2CE
#D8D1CE
#D9D0CE
#DBCECE
#D3DACA
#D5D8CA
#D6D7CA
#D8D5CA
#D9D4CA
#DBD2CA
#DDD0CA
#D3E0C4
#D5DEC4
#D7DCC4
#D9DAC4
#DBD8C4
#DDD6C4
#E0D3C4
Colorpallet from #D3C4E0 to #D3E0C4 and to #E0C4D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C8DC
#D3C7DC
#D4C7DD
#D4C6DD
#D4C5DD
#D5C5DE
#D5C4DE
#D3CDD7
#D4CCD8
#D4CAD9
#D5C9D9
#D6C7DA
#D6C6DB
#D7C4DC
#D3D1D3
#D4CFD4
#D5CDD5
#D6CBD6
#D7C9D7
#D8C7D9
#D9C4DA
#D3D6CE
#D4D3D0
#D6D0D1
#D7CDD3
#D8CAD4
#D9C8D6
#DBC4D8
#D3DACA
#D5D6CC
#D6D3CE
#D8CFD0
#D9CCD2
#DBC8D4
#DDC4D6
#D3E0C4
#D5DCC6
#D7D7C9
#D9D3CB
#DBCECE
#DDCAD0
#E0C4D3
Colorpallet from #D3C4E0 to #C4D3E0 and to #C4E0D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D1C6E0
#D1C6E0
#D1C7DF
#D1C7DF
#D1C7DF
#D1C8DE
#D1C8DE
#CEC9E0
#CECADF
#CECADF
#CECBDE
#CECCDD
#CECCDD
#CECDDC
#CCCBE0
#CCCCDF
#CCCDDE
#CCCEDD
#CCCFDC
#CCD0DB
#CCD1DA
#C9CEE0
#C9CFDF
#C9D1DD
#C9D2DC
#C9D3DB
#C9D4DA
#C9D6D8
#C7D0E0
#C7D2DE
#C7D3DD
#C7D5DB
#C7D6DA
#C7D8D8
#C7DAD6
#C4D3E0
#C4D5DE
#C4D7DC
#C4D9DA
#C4DBD8
#C4DDD6
#C4E0D3
Colorpallet from #D3C4E0 to #C4D3E0 and to #E0D3C4
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D1C6E0
#D2C6DF
#D2C6DF
#D3C6DE
#D4C6DD
#D4C6DD
#D5C6DC
#CEC9E0
#CFC9DF
#D1C9DD
#D2C9DC
#D4C9DA
#D5C9D9
#D7C9D7
#CCCBE0
#CECBDE
#D0CBDC
#D2CBDA
#D4CBD8
#D6CBD6
#D9CBD3
#C9CEE0
#CCCEDD
#CFCEDA
#D2CED7
#D5CED4
#D7CED2
#DBCECE
#C7D0E0
#CBD0DC
#CED0D9
#D2D0D5
#D5D0D2
#D9D0CE
#DDD0CA
#C4D3E0
#C8D3DC
#CDD3D7
#D1D3D3
#D6D3CE
#DAD3CA
#E0D3C4
Colorpallet from #D3C4E0 to #C4D3E0 and to #E0C4D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D1C6E0
#D2C6E0
#D2C5DF
#D3C5DF
#D4C5DF
#D4C4DE
#D5C4DE
#CEC9E0
#CFC8DF
#D1C7DF
#D2C7DE
#D4C6DD
#D5C5DD
#D7C4DC
#CCCBE0
#CECADF
#D0C9DE
#D2C8DD
#D4C7DC
#D6C5DB
#D9C4DA
#C9CEE0
#CCCCDF
#CFCBDD
#D2C9DC
#D5C8DB
#D7C6DA
#DBC4D8
#C7D0E0
#CBCEDE
#CECCDD
#D2CADB
#D5C8DA
#D9C6D8
#DDC4D6
#C4D3E0
#C8D1DE
#CDCEDC
#D1CCDA
#D6C9D8
#DAC7D6
#E0C4D3
Colorpallet from #D3C4E0 to #C4E0D3 and to #E0D3C4
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D1C8DE
#D2C8DE
#D2C7DD
#D3C7DD
#D4C7DD
#D4C6DC
#D5C6DC
#CECDDC
#CFCCDB
#D1CCDA
#D2CBDA
#D4CAD9
#D5CAD8
#D7C9D7
#CCD1DA
#CED0D9
#D0CFD8
#D2CED7
#D4CDD6
#D6CCD4
#D9CBD3
#C9D6D8
#CCD5D6
#CFD3D5
#D2D2D3
#D5D1D2
#D7D0D0
#DBCECE
#C7DAD6
#CBD8D4
#CED7D2
#D2D5D0
#D5D4CE
#D9D2CC
#DDD0CA
#C4E0D3
#C8DED1
#CDDCCE
#D1DACC
#D6D8C9
#DAD6C7
#E0D3C4
Colorpallet from #D3C4E0 to #C4E0D3 and to #E0C4D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D1C8DE
#D2C7DE
#D2C7DE
#D3C6DE
#D4C5DE
#D4C5DE
#D5C4DE
#CECDDC
#CFCCDC
#D1CADC
#D2C9DC
#D4C7DC
#D5C6DC
#D7C4DC
#CCD1DA
#CECFDA
#D0CDDA
#D2CBDA
#D4C9DA
#D6C7DA
#D9C4DA
#C9D6D8
#CCD3D8
#CFD0D8
#D2CDD8
#D5CAD8
#D7C8D8
#DBC4D8
#C7DAD6
#CBD6D6
#CED3D6
#D2CFD6
#D5CCD6
#D9C8D6
#DDC4D6
#C4E0D3
#C8DCD3
#CDD7D3
#D1D3D3
#D6CED3
#DACAD3
#E0C4D3
Colorpallet from #D3C4E0 to #E0D3C4 and to #E0C4D3
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D3C4E0
#D5C6DC
#D5C6DC
#D5C5DD
#D5C5DD
#D5C5DD
#D5C4DE
#D5C4DE
#D7C9D7
#D7C8D8
#D7C7D9
#D7C7D9
#D7C6DA
#D7C5DB
#D7C4DC
#D9CBD3
#D9CAD4
#D9C9D5
#D9C8D6
#D9C7D7
#D9C5D9
#D9C4DA
#DBCECE
#DBCCD0
#DBCBD1
#DBC9D3
#DBC8D4
#DBC6D6
#DBC4D8
#DDD0CA
#DDCECC
#DDCCCE
#DDCAD0
#DDC8D2
#DDC6D4
#DDC4D6
#E0D3C4
#E0D1C6
#E0CEC9
#E0CCCB
#E0C9CE
#E0C7D0
#E0C4D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts