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 #C6D5E2 to #C6E2D5 and to #D5C6E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D7E0
#C6D6E0
#C7D6E1
#C7D5E1
#C7D4E1
#C8D4E2
#C8D3E2
#C6D9DE
#C7D8DF
#C8D6DF
#C8D5E0
#C9D3E1
#CAD2E1
#CBD0E2
#C6DBDC
#C7D9DD
#C8D7DE
#C9D5DF
#CAD3E0
#CCD1E1
#CDCEE2
#C6DDDA
#C8DADB
#C9D7DD
#CBD4DE
#CCD1DF
#CECFE0
#D0CBE2
#C6DFD8
#C8DBDA
#CAD8DB
#CCD4DD
#CED1DE
#D0CDE0
#D2C9E2
#C6E2D5
#C8DED7
#CBD9D9
#CDD5DB
#D0D0DD
#D2CCDF
#D5C6E2
Colorpallet from #C6D5E2 to #C6E2D5 and to #D5E2C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D7E0
#C6D7E0
#C7D7DF
#C7D7DF
#C7D7DF
#C8D7DE
#C8D7DE
#C6D9DE
#C7D9DD
#C8D9DC
#C8D9DC
#C9D9DB
#CAD9DA
#CBD9D9
#C6DBDC
#C7DBDB
#C8DBDA
#C9DBD9
#CADBD8
#CCDBD6
#CDDBD5
#C6DDDA
#C8DDD8
#C9DDD7
#CBDDD5
#CCDDD4
#CEDDD2
#D0DDD0
#C6DFD8
#C8DFD6
#CADFD4
#CCDFD2
#CEDFD0
#D0DFCE
#D2DFCC
#C6E2D5
#C8E2D3
#CBE2D0
#CDE2CE
#D0E2CB
#D2E2C9
#D5E2C6
Colorpallet from #C6D5E2 to #C6E2D5 and to #E2C6D5
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D7E0
#C7D6E0
#C7D6E0
#C8D5E0
#C9D4E0
#C9D4E0
#CAD3E0
#C6D9DE
#C7D8DE
#C9D6DE
#CAD5DE
#CCD3DE
#CDD2DE
#CFD0DE
#C6DBDC
#C8D9DC
#CAD7DC
#CCD5DC
#CED3DC
#D0D1DC
#D3CEDC
#C6DDDA
#C9DADA
#CCD7DA
#CFD4DA
#D2D1DA
#D4CFDA
#D8CBDA
#C6DFD8
#CADBD8
#CDD8D8
#D1D4D8
#D4D1D8
#D8CDD8
#DCC9D8
#C6E2D5
#CADED5
#CFD9D5
#D3D5D5
#D8D0D5
#DCCCD5
#E2C6D5
Colorpallet from #C6D5E2 to #C6E2D5 and to #E2D5C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D7E0
#C7D7E0
#C7D6DF
#C8D6DF
#C9D6DF
#C9D5DE
#CAD5DE
#C6D9DE
#C7D8DD
#C9D8DC
#CAD7DC
#CCD6DB
#CDD6DA
#CFD5D9
#C6DBDC
#C8DADB
#CAD9DA
#CCD8D9
#CED7D8
#D0D6D6
#D3D5D5
#C6DDDA
#C9DCD8
#CCDAD7
#CFD9D5
#D2D8D4
#D4D7D2
#D8D5D0
#C6DFD8
#CADDD6
#CDDCD4
#D1DAD2
#D4D9D0
#D8D7CE
#DCD5CC
#C6E2D5
#CAE0D3
#CFDED0
#D3DCCE
#D8DACB
#DCD8C9
#E2D5C6
Colorpallet from #C6D5E2 to #D5C6E2 and to #D5E2C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C8D3E2
#C8D4E1
#C8D4E1
#C8D5E0
#C8D6DF
#C8D6DF
#C8D7DE
#CBD0E2
#CBD1E1
#CBD3DF
#CBD4DE
#CBD6DC
#CBD7DB
#CBD9D9
#CDCEE2
#CDD0E0
#CDD2DE
#CDD4DC
#CDD6DA
#CDD8D8
#CDDBD5
#D0CBE2
#D0CEDF
#D0D1DC
#D0D4D9
#D0D7D6
#D0D9D4
#D0DDD0
#D2C9E2
#D2CDDE
#D2D0DB
#D2D4D7
#D2D7D4
#D2DBD0
#D2DFCC
#D5C6E2
#D5CADE
#D5CFD9
#D5D3D5
#D5D8D0
#D5DCCC
#D5E2C6
Colorpallet from #C6D5E2 to #D5C6E2 and to #E2C6D5
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C8D3E2
#C8D3E2
#C9D3E1
#C9D3E1
#C9D3E1
#CAD3E0
#CAD3E0
#CBD0E2
#CCD0E1
#CCD0E1
#CDD0E0
#CED0DF
#CED0DF
#CFD0DE
#CDCEE2
#CECEE1
#CFCEE0
#D0CEDF
#D1CEDE
#D2CEDD
#D3CEDC
#D0CBE2
#D1CBE1
#D3CBDF
#D4CBDE
#D5CBDD
#D6CBDC
#D8CBDA
#D2C9E2
#D4C9E0
#D5C9DF
#D7C9DD
#D8C9DC
#DAC9DA
#DCC9D8
#D5C6E2
#D7C6E0
#D9C6DE
#DBC6DC
#DDC6DA
#DFC6D8
#E2C6D5
Colorpallet from #C6D5E2 to #D5C6E2 and to #E2D5C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C8D3E2
#C8D3E1
#C9D4E1
#C9D4E0
#C9D4DF
#CAD5DF
#CAD5DE
#CBD0E2
#CCD1E1
#CCD2DF
#CDD2DE
#CED3DC
#CED4DB
#CFD5D9
#CDCEE2
#CECFE0
#CFD0DE
#D0D1DC
#D1D2DA
#D2D4D8
#D3D5D5
#D0CBE2
#D1CDDF
#D3CEDC
#D4D0D9
#D5D1D6
#D6D3D4
#D8D5D0
#D2C9E2
#D4CBDE
#D5CDDB
#D7CFD7
#D8D1D4
#DAD3D0
#DCD5CC
#D5C6E2
#D7C8DE
#D9CBD9
#DBCDD5
#DDD0D0
#DFD2CC
#E2D5C6
Colorpallet from #C6D5E2 to #D5E2C6 and to #E2C6D5
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C8D7DE
#C8D6DE
#C9D6DF
#C9D5DF
#C9D4DF
#CAD4E0
#CAD3E0
#CBD9D9
#CCD8DA
#CCD6DB
#CDD5DB
#CED3DC
#CED2DD
#CFD0DE
#CDDBD5
#CED9D6
#CFD7D7
#D0D5D8
#D1D3D9
#D2D1DB
#D3CEDC
#D0DDD0
#D1DAD2
#D3D7D3
#D4D4D5
#D5D1D6
#D6CFD8
#D8CBDA
#D2DFCC
#D4DBCE
#D5D8D0
#D7D4D2
#D8D1D4
#DACDD6
#DCC9D8
#D5E2C6
#D7DEC8
#D9D9CB
#DBD5CD
#DDD0D0
#DFCCD2
#E2C6D5
Colorpallet from #C6D5E2 to #D5E2C6 and to #E2D5C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C8D7DE
#C8D7DE
#C9D6DE
#C9D6DE
#C9D6DE
#CAD5DE
#CAD5DE
#CBD9D9
#CCD8D9
#CCD8D9
#CDD7D9
#CED6D9
#CED6D9
#CFD5D9
#CDDBD5
#CEDAD5
#CFD9D5
#D0D8D5
#D1D7D5
#D2D6D5
#D3D5D5
#D0DDD0
#D1DCD0
#D3DAD0
#D4D9D0
#D5D8D0
#D6D7D0
#D8D5D0
#D2DFCC
#D4DDCC
#D5DCCC
#D7DACC
#D8D9CC
#DAD7CC
#DCD5CC
#D5E2C6
#D7E0C6
#D9DEC6
#DBDCC6
#DDDAC6
#DFD8C6
#E2D5C6
Colorpallet from #C6D5E2 to #E2C6D5 and to #E2D5C6
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#C6D5E2
#CAD3E0
#CAD3E0
#CAD4DF
#CAD4DF
#CAD4DF
#CAD5DE
#CAD5DE
#CFD0DE
#CFD1DD
#CFD2DC
#CFD2DC
#CFD3DB
#CFD4DA
#CFD5D9
#D3CEDC
#D3CFDB
#D3D0DA
#D3D1D9
#D3D2D8
#D3D4D6
#D3D5D5
#D8CBDA
#D8CDD8
#D8CED7
#D8D0D5
#D8D1D4
#D8D3D2
#D8D5D0
#DCC9D8
#DCCBD6
#DCCDD4
#DCCFD2
#DCD1D0
#DCD3CE
#DCD5CC
#E2C6D5
#E2C8D3
#E2CBD0
#E2CDCE
#E2D0CB
#E2D2C9
#E2D5C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
