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 #C3EAD2 to #C3D2EA and to #EAC3D2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3E6D6
#C4E6D5
#C5E5D5
#C6E5D4
#C7E5D3
#C8E4D3
#C9E4D2
#C3E2DA
#C5E1D9
#C7E1D7
#C9E0D6
#CBDFD5
#CDDFD4
#CFDED2
#C3DEDE
#C6DDDC
#C9DCDA
#CCDBD8
#CFDAD6
#D2D8D4
#D6D7D2
#C3DBE1
#C7D9DF
#CBD8DC
#CFD6DA
#D3D5D7
#D7D3D5
#DCD1D2
#C3D7E5
#C8D5E2
#CDD3DF
#D2D1DC
#D7CFD9
#DCCDD6
#E2CBD2
#C3D2EA
#C9D0E6
#CFCDE2
#D6CBDE
#DCC8DB
#E2C6D7
#EAC3D2
Colorpallet from #C3EAD2 to #C3D2EA and to #EAD2C3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3E6D6
#C4E6D5
#C5E6D4
#C6E6D3
#C7E6D2
#C8E6D1
#C9E6D0
#C3E2DA
#C5E2D8
#C7E2D6
#C9E2D4
#CBE2D2
#CDE2D0
#CFE2CD
#C3DEDE
#C6DEDB
#C9DED8
#CCDED5
#CFDED2
#D2DECF
#D6DECB
#C3DBE1
#C7DBDD
#CBDBD9
#CFDBD5
#D3DBD1
#D7DBCD
#DCDBC8
#C3D7E5
#C8D7E0
#CDD7DB
#D2D7D6
#D7D7D1
#DCD7CC
#E2D7C6
#C3D2EA
#C9D2E4
#CFD2DE
#D6D2D7
#DCD2D1
#E2D2CB
#EAD2C3
Colorpallet from #C3EAD2 to #C3D2EA and to #D2C3EA
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3E6D6
#C3E6D6
#C4E5D6
#C4E5D6
#C4E5D6
#C5E4D6
#C5E4D6
#C3E2DA
#C4E1DA
#C5E1DA
#C5E0DA
#C6DFDA
#C7DFDA
#C8DEDA
#C3DEDE
#C4DDDE
#C5DCDE
#C6DBDE
#C7DADE
#C9D8DE
#CAD7DE
#C3DBE1
#C5D9E1
#C6D8E1
#C8D6E1
#C9D5E1
#CBD3E1
#CDD1E1
#C3D7E5
#C5D5E5
#C7D3E5
#C9D1E5
#CBCFE5
#CDCDE5
#CFCBE5
#C3D2EA
#C5D0EA
#C8CDEA
#CACBEA
#CDC8EA
#CFC6EA
#D2C3EA
Colorpallet from #C3EAD2 to #C3D2EA and to #D2EAC3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3E6D6
#C3E7D5
#C4E7D4
#C4E8D3
#C4E9D2
#C5E9D1
#C5EAD0
#C3E2DA
#C4E3D8
#C5E5D6
#C5E6D4
#C6E7D2
#C7E8D0
#C8EACD
#C3DEDE
#C4E0DB
#C5E2D8
#C6E4D5
#C7E6D2
#C9E8CF
#CAEACB
#C3DBE1
#C5DDDD
#C6E0D9
#C8E2D5
#C9E5D1
#CBE7CD
#CDEAC8
#C3D7E5
#C5DAE0
#C7DDDB
#C9E0D6
#CBE3D1
#CDE6CC
#CFEAC6
#C3D2EA
#C5D6E4
#C8DADE
#CADED7
#CDE1D1
#CFE5CB
#D2EAC3
Colorpallet from #C3EAD2 to #EAC3D2 and to #EAD2C3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C9E4D2
#C9E4D2
#C9E5D1
#C9E5D1
#C9E5D1
#C9E6D0
#C9E6D0
#CFDED2
#CFDFD1
#CFDFD0
#CFE0D0
#CFE1CF
#CFE1CE
#CFE2CD
#D6D7D2
#D6D8D1
#D6D9D0
#D6DACF
#D6DBCE
#D6DDCC
#D6DECB
#DCD1D2
#DCD3D0
#DCD4CF
#DCD6CD
#DCD7CC
#DCD9CA
#DCDBC8
#E2CBD2
#E2CDD0
#E2CFCE
#E2D1CC
#E2D3CA
#E2D5C8
#E2D7C6
#EAC3D2
#EAC5D0
#EAC8CD
#EACACB
#EACDC8
#EACFC6
#EAD2C3
Colorpallet from #C3EAD2 to #EAC3D2 and to #D2C3EA
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C9E4D2
#C8E4D3
#C8E4D3
#C7E4D4
#C6E4D5
#C6E4D5
#C5E4D6
#CFDED2
#CEDED3
#CDDED5
#CCDED6
#CBDED7
#C9DED8
#C8DEDA
#D6D7D2
#D4D7D4
#D2D7D6
#D0D7D8
#CED7DA
#CCD7DC
#CAD7DE
#DCD1D2
#DAD1D4
#D7D1D7
#D5D1D9
#D2D1DC
#D0D1DE
#CDD1E1
#E2CBD2
#DFCBD5
#DCCBD8
#D9CBDB
#D6CBDE
#D3CBE1
#CFCBE5
#EAC3D2
#E6C3D6
#E2C3DA
#DEC3DE
#DBC3E1
#D7C3E5
#D2C3EA
Colorpallet from #C3EAD2 to #EAC3D2 and to #D2EAC3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C9E4D2
#C8E5D2
#C8E6D1
#C7E7D1
#C6E8D1
#C6E9D0
#C5EAD0
#CFDED2
#CEE0D1
#CDE2D0
#CCE4D0
#CBE6CF
#C9E8CE
#C8EACD
#D6D7D2
#D4DAD1
#D2DDD0
#D0E0CF
#CEE3CE
#CCE6CC
#CAEACB
#DCD1D2
#DAD5D0
#D7D9CF
#D5DDCD
#D2E1CC
#D0E5CA
#CDEAC8
#E2CBD2
#DFD0D0
#DCD5CE
#D9DACC
#D6DFCA
#D3E4C8
#CFEAC6
#EAC3D2
#E6C9D0
#E2CFCD
#DED6CB
#DBDCC8
#D7E2C6
#D2EAC3
Colorpallet from #C3EAD2 to #EAD2C3 and to #D2C3EA
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C9E6D0
#C8E6D1
#C8E5D2
#C7E5D3
#C6E5D4
#C6E4D5
#C5E4D6
#CFE2CD
#CEE1CF
#CDE1D1
#CCE0D3
#CBDFD5
#C9DFD7
#C8DEDA
#D6DECB
#D4DDCE
#D2DCD1
#D0DBD4
#CEDAD7
#CCD8DA
#CAD7DE
#DCDBC8
#DAD9CC
#D7D8D0
#D5D6D4
#D2D5D8
#D0D3DC
#CDD1E1
#E2D7C6
#DFD5CB
#DCD3D0
#D9D1D5
#D6CFDA
#D3CDDF
#CFCBE5
#EAD2C3
#E6D0C9
#E2CDCF
#DECBD6
#DBC8DC
#D7C6E2
#D2C3EA
Colorpallet from #C3EAD2 to #EAD2C3 and to #D2EAC3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C9E6D0
#C8E7D0
#C8E7D0
#C7E8D0
#C6E9D0
#C6E9D0
#C5EAD0
#CFE2CD
#CEE3CD
#CDE5CD
#CCE6CD
#CBE7CD
#C9E8CD
#C8EACD
#D6DECB
#D4E0CB
#D2E2CB
#D0E4CB
#CEE6CB
#CCE8CB
#CAEACB
#DCDBC8
#DADDC8
#D7E0C8
#D5E2C8
#D2E5C8
#D0E7C8
#CDEAC8
#E2D7C6
#DFDAC6
#DCDDC6
#D9E0C6
#D6E3C6
#D3E6C6
#CFEAC6
#EAD2C3
#E6D6C3
#E2DAC3
#DEDEC3
#DBE1C3
#D7E5C3
#D2EAC3
Colorpallet from #C3EAD2 to #D2C3EA and to #D2EAC3
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C3EAD2
#C5E4D6
#C5E5D5
#C5E6D4
#C5E7D3
#C5E8D2
#C5E9D1
#C5EAD0
#C8DEDA
#C8E0D8
#C8E2D6
#C8E4D4
#C8E6D2
#C8E8D0
#C8EACD
#CAD7DE
#CADADB
#CADDD8
#CAE0D5
#CAE3D2
#CAE6CF
#CAEACB
#CDD1E1
#CDD5DD
#CDD9D9
#CDDDD5
#CDE1D1
#CDE5CD
#CDEAC8
#CFCBE5
#CFD0E0
#CFD5DB
#CFDAD6
#CFDFD1
#CFE4CC
#CFEAC6
#D2C3EA
#D2C9E4
#D2CFDE
#D2D6D7
#D2DCD1
#D2E2CB
#D2EAC3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts