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 #C7D2E9 to #C7E9D2 and to #D2C7E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D6E5
#C7D5E6
#C8D4E6
#C8D3E7
#C8D2E8
#C9D1E8
#C9D0E9
#C7D9E2
#C8D7E3
#C8D5E4
#C9D4E5
#CAD2E6
#CAD0E8
#CBCEE9
#C7DDDE
#C8DAE0
#C9D8E2
#C9D5E3
#CAD3E5
#CBD0E7
#CCCDE9
#C7E1DA
#C8DDDC
#C9DADF
#CAD6E1
#CBD3E4
#CDCFE6
#CECBE9
#C7E4D7
#C8E0DA
#CADBDD
#CBD7E0
#CDD3E3
#CECEE5
#D0C9E9
#C7E9D2
#C9E4D6
#CBDED9
#CCD9DD
#CED3E1
#D0CEE4
#D2C7E9
Colorpallet from #C7D2E9 to #C7E9D2 and to #D2E9C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D6E5
#C7D6E5
#C8D6E5
#C8D6E5
#C8D6E4
#C9D6E4
#C9D6E4
#C7D9E2
#C8D9E1
#C8D9E1
#C9D9E0
#CAD9DF
#CAD9DF
#CBD9DE
#C7DDDE
#C8DDDD
#C9DDDC
#C9DDDC
#CADDDB
#CBDDDA
#CCDDD9
#C7E1DA
#C8E1D9
#C9E1D8
#CAE1D7
#CBE1D6
#CDE1D4
#CEE1D3
#C7E4D7
#C8E4D6
#CAE4D4
#CBE4D3
#CDE4D1
#CEE4D0
#D0E4CE
#C7E9D2
#C9E9D0
#CBE9CE
#CCE9CD
#CEE9CB
#D0E9C9
#D2E9C7
Colorpallet from #C7D2E9 to #C7E9D2 and to #E9C7D2
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D6E5
#C8D5E5
#C9D4E5
#C9D3E5
#CAD2E5
#CBD1E5
#CCD0E5
#C7D9E2
#C9D7E2
#CBD5E2
#CCD4E2
#CED2E2
#D0D0E2
#D2CEE2
#C7DDDE
#CADADE
#CCD8DE
#CFD5DE
#D1D3DE
#D4D0DE
#D7CDDE
#C7E1DA
#CBDDDA
#CEDADA
#D2D6DA
#D5D3DA
#D9CFDA
#DDCBDA
#C7E4D7
#CBE0D7
#D0DBD7
#D4D7D7
#D8D3D7
#DDCED7
#E2C9D7
#C7E9D2
#CCE4D2
#D2DED2
#D7D9D2
#DDD3D2
#E2CED2
#E9C7D2
Colorpallet from #C7D2E9 to #C7E9D2 and to #E9D2C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D6E5
#C8D5E5
#C9D5E5
#C9D4E5
#CAD3E4
#CBD3E4
#CCD2E4
#C7D9E2
#C9D8E1
#CBD7E1
#CCD6E0
#CED5DF
#D0D3DF
#D2D2DE
#C7DDDE
#CADBDD
#CCD9DC
#CFD8DC
#D1D6DB
#D4D4DA
#D7D2D9
#C7E1DA
#CBDFD9
#CEDCD8
#D2DAD7
#D5D7D6
#D9D5D4
#DDD2D3
#C7E4D7
#CBE1D6
#D0DED4
#D4DBD3
#D8D8D1
#DDD6D0
#E2D2CE
#C7E9D2
#CCE5D0
#D2E2CE
#D7DECD
#DDDACB
#E2D7C9
#E9D2C7
Colorpallet from #C7D2E9 to #D2C7E9 and to #D2E9C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C9D0E9
#C9D1E8
#C9D2E7
#C9D3E7
#C9D4E6
#C9D5E5
#C9D6E4
#CBCEE9
#CBD0E7
#CBD2E5
#CBD3E4
#CBD5E2
#CBD7E0
#CBD9DE
#CCCDE9
#CCD0E6
#CCD2E4
#CCD5E1
#CCD7DF
#CCDADC
#CCDDD9
#CECBE9
#CECFE5
#CED2E2
#CED6DE
#CED9DB
#CEDDD7
#CEE1D3
#D0C9E9
#D0CDE5
#D0D2E0
#D0D6DC
#D0DAD8
#D0DFD3
#D0E4CE
#D2C7E9
#D2CCE4
#D2D2DE
#D2D7D9
#D2DDD3
#D2E2CE
#D2E9C7
Colorpallet from #C7D2E9 to #D2C7E9 and to #E9C7D2
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C9D0E9
#C9D0E8
#CAD0E8
#CAD0E7
#CBD0E6
#CBD0E6
#CCD0E5
#CBCEE9
#CCCEE8
#CDCEE7
#CECEE6
#CFCEE5
#D1CEE3
#D2CEE2
#CCCDE9
#CECDE7
#D0CDE5
#D1CDE4
#D3CDE2
#D5CDE0
#D7CDDE
#CECBE9
#D0CBE7
#D3CBE4
#D5CBE2
#D8CBDF
#DACBDD
#DDCBDA
#D0C9E9
#D3C9E6
#D6C9E3
#D9C9E0
#DCC9DD
#DEC9DB
#E2C9D7
#D2C7E9
#D6C7E5
#D9C7E2
#DDC7DE
#E1C7DA
#E4C7D7
#E9C7D2
Colorpallet from #C7D2E9 to #D2C7E9 and to #E9D2C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C9D0E9
#C9D0E8
#CAD1E7
#CAD1E7
#CBD1E6
#CBD2E5
#CCD2E4
#CBCEE9
#CCCFE7
#CDCFE5
#CED0E4
#CFD1E2
#D1D1E0
#D2D2DE
#CCCDE9
#CECEE6
#D0CFE4
#D1CFE1
#D3D0DF
#D5D1DC
#D7D2D9
#CECBE9
#D0CCE5
#D3CDE2
#D5CEDE
#D8CFDB
#DAD1D7
#DDD2D3
#D0C9E9
#D3CAE5
#D6CCE0
#D9CDDC
#DCCFD8
#DED0D3
#E2D2CE
#D2C7E9
#D6C9E4
#D9CBDE
#DDCCD9
#E1CED3
#E4D0CE
#E9D2C7
Colorpallet from #C7D2E9 to #D2E9C7 and to #E9C7D2
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C9D6E4
#C9D5E4
#CAD4E4
#CAD3E4
#CBD2E5
#CBD1E5
#CCD0E5
#CBD9DE
#CCD7DF
#CDD5DF
#CED4E0
#CFD2E1
#D1D0E1
#D2CEE2
#CCDDD9
#CEDADA
#D0D8DB
#D1D5DB
#D3D3DC
#D5D0DD
#D7CDDE
#CEE1D3
#D0DDD4
#D3DAD5
#D5D6D6
#D8D3D7
#DACFD9
#DDCBDA
#D0E4CE
#D3E0CF
#D6DBD1
#D9D7D2
#DCD3D4
#DECED5
#E2C9D7
#D2E9C7
#D6E4C9
#D9DECB
#DDD9CC
#E1D3CE
#E4CED0
#E9C7D2
Colorpallet from #C7D2E9 to #D2E9C7 and to #E9D2C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C9D6E4
#C9D5E4
#CAD5E4
#CAD4E4
#CBD3E4
#CBD3E4
#CCD2E4
#CBD9DE
#CCD8DE
#CDD7DE
#CED6DE
#CFD5DE
#D1D3DE
#D2D2DE
#CCDDD9
#CEDBD9
#D0D9D9
#D1D8D9
#D3D6D9
#D5D4D9
#D7D2D9
#CEE1D3
#D0DFD3
#D3DCD3
#D5DAD3
#D8D7D3
#DAD5D3
#DDD2D3
#D0E4CE
#D3E1CE
#D6DECE
#D9DBCE
#DCD8CE
#DED6CE
#E2D2CE
#D2E9C7
#D6E5C7
#D9E2C7
#DDDEC7
#E1DAC7
#E4D7C7
#E9D2C7
Colorpallet from #C7D2E9 to #E9C7D2 and to #E9D2C7
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#C7D2E9
#CCD0E5
#CCD0E5
#CCD1E5
#CCD1E5
#CCD1E4
#CCD2E4
#CCD2E4
#D2CEE2
#D2CFE1
#D2CFE1
#D2D0E0
#D2D1DF
#D2D1DF
#D2D2DE
#D7CDDE
#D7CEDD
#D7CFDC
#D7CFDC
#D7D0DB
#D7D1DA
#D7D2D9
#DDCBDA
#DDCCD9
#DDCDD8
#DDCED7
#DDCFD6
#DDD1D4
#DDD2D3
#E2C9D7
#E2CAD6
#E2CCD4
#E2CDD3
#E2CFD1
#E2D0D0
#E2D2CE
#E9C7D2
#E9C9D0
#E9CBCE
#E9CCCD
#E9CECB
#E9D0C9
#E9D2C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts