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 #D3C8E9 to #D3E9C8 and to #C8D3E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3CDE4
#D3CDE5
#D2CCE6
#D2CCE6
#D2CBE7
#D1CBE8
#D1CAE9
#D3D3DE
#D2D2E0
#D2D1E2
#D1D0E3
#D0CFE5
#D0CDE7
#CFCCE9
#D3D8D9
#D2D6DC
#D1D4DE
#D1D3E1
#D0D1E3
#CFCFE6
#CECDE9
#D3DDD4
#D2DBD7
#D1D9DB
#D0D6DE
#CFD4E1
#CDD2E5
#CCCFE9
#D3E2CF
#D2DFD3
#D0DDD7
#CFDADB
#CDD7E0
#CCD4E4
#CAD1E9
#D3E9C8
#D1E5CD
#CFE2D3
#CEDED8
#CCDBDD
#CAD7E2
#C8D3E9
Colorpallet from #D3C8E9 to #D3E9C8 and to #C8E9D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3CDE4
#D3CDE4
#D2CDE4
#D2CDE4
#D2CDE5
#D1CDE5
#D1CDE5
#D3D3DE
#D2D3DF
#D2D3DF
#D1D3E0
#D0D3E1
#D0D3E1
#CFD3E2
#D3D8D9
#D2D8DA
#D1D8DB
#D1D8DB
#D0D8DC
#CFD8DD
#CED8DE
#D3DDD4
#D2DDD5
#D1DDD6
#D0DDD7
#CFDDD8
#CDDDDA
#CCDDDB
#D3E2CF
#D2E2D0
#D0E2D2
#CFE2D3
#CDE2D4
#CCE2D5
#CAE2D7
#D3E9C8
#D1E9CA
#CFE9CC
#CEE9CD
#CCE9CF
#CAE9D1
#C8E9D3
Colorpallet from #D3C8E9 to #D3E9C8 and to #E9D3C8
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3CDE4
#D4CDE4
#D4CCE4
#D5CCE4
#D6CBE4
#D6CBE4
#D7CAE4
#D3D3DE
#D4D2DE
#D5D1DE
#D6D0DE
#D7CFDE
#D9CDDE
#DACCDE
#D3D8D9
#D5D6D9
#D7D4D9
#D8D3D9
#DAD1D9
#DCCFD9
#DECDD9
#D3DDD4
#D5DBD4
#D7D9D4
#DAD6D4
#DCD4D4
#DED2D4
#E1CFD4
#D3E2CF
#D6DFCF
#D9DDCF
#DCDACF
#DFD7CF
#E1D4CF
#E5D1CF
#D3E9C8
#D7E5C8
#DAE2C8
#DEDEC8
#E1DBC8
#E5D7C8
#E9D3C8
Colorpallet from #D3C8E9 to #D3E9C8 and to #E9C8D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3CDE4
#D4CCE4
#D4CBE4
#D5CBE4
#D6CAE5
#D6C9E5
#D7C8E5
#D3D3DE
#D4D1DF
#D5CFDF
#D6CEE0
#D7CCE1
#D9CAE1
#DAC8E2
#D3D8D9
#D5D5DA
#D7D3DB
#D8D0DB
#DACEDC
#DCCBDD
#DEC8DE
#D3DDD4
#D5DAD5
#D7D6D6
#DAD3D7
#DCD0D8
#DECCDA
#E1C8DB
#D3E2CF
#D6DED0
#D9DAD2
#DCD6D3
#DFD1D4
#E1CDD5
#E5C8D7
#D3E9C8
#D7E4CA
#DADECC
#DED9CD
#E1D4CF
#E5CFD1
#E9C8D3
Colorpallet from #D3C8E9 to #C8D3E9 and to #C8E9D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D1CAE9
#D1CAE8
#D1CBE8
#D1CBE7
#D1CCE6
#D1CCE6
#D1CDE5
#CFCCE9
#CFCDE8
#CFCEE7
#CFCFE6
#CFD0E5
#CFD2E3
#CFD3E2
#CECDE9
#CECFE7
#CED1E5
#CED2E4
#CED4E2
#CED6E0
#CED8DE
#CCCFE9
#CCD1E7
#CCD3E5
#CCD6E2
#CCD8E0
#CCDADE
#CCDDDB
#CAD1E9
#CAD4E6
#CAD6E3
#CAD9E0
#CADCDD
#CADFDB
#CAE2D7
#C8D3E9
#C8D7E5
#C8DAE2
#C8DEDE
#C8E1DB
#C8E5D7
#C8E9D3
Colorpallet from #D3C8E9 to #C8D3E9 and to #E9D3C8
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D1CAE9
#D2CAE8
#D3CAE7
#D4CAE7
#D5CAE6
#D6CAE5
#D7CAE4
#CFCCE9
#D1CCE7
#D3CCE5
#D4CCE4
#D6CCE2
#D8CCE0
#DACCDE
#CECDE9
#D1CDE6
#D3CDE4
#D6CDE1
#D8CDDF
#DBCDDC
#DECDD9
#CCCFE9
#CFCFE6
#D3CFE2
#D6CFDF
#D9CFDC
#DDCFD8
#E1CFD4
#CAD1E9
#CED1E5
#D3D1E1
#D7D1DD
#DBD1D8
#E0D1D4
#E5D1CF
#C8D3E9
#CDD3E4
#D3D3DE
#D8D3D9
#DDD3D4
#E2D3CF
#E9D3C8
Colorpallet from #D3C8E9 to #C8D3E9 and to #E9C8D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D1CAE9
#D2CAE8
#D3C9E8
#D4C9E7
#D5C9E6
#D6C8E6
#D7C8E5
#CFCCE9
#D1CBE8
#D3CBE7
#D4CAE6
#D6C9E5
#D8C9E3
#DAC8E2
#CECDE9
#D1CCE7
#D3CBE5
#D6CBE4
#D8CAE2
#DBC9E0
#DEC8DE
#CCCFE9
#CFCEE7
#D3CDE5
#D6CCE2
#D9CBE0
#DDC9DE
#E1C8DB
#CAD1E9
#CED0E6
#D3CEE3
#D7CDE0
#DBCBDD
#E0CADB
#E5C8D7
#C8D3E9
#CDD1E5
#D3CFE2
#D8CEDE
#DDCCDB
#E2CAD7
#E9C8D3
Colorpallet from #D3C8E9 to #C8E9D3 and to #E9D3C8
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D1CDE5
#D2CDE5
#D3CCE5
#D4CCE5
#D5CBE4
#D6CBE4
#D7CAE4
#CFD3E2
#D1D2E1
#D3D1E1
#D4D0E0
#D6CFDF
#D8CDDF
#DACCDE
#CED8DE
#D1D6DD
#D3D4DC
#D6D3DC
#D8D1DB
#DBCFDA
#DECDD9
#CCDDDB
#CFDBDA
#D3D9D9
#D6D6D8
#D9D4D7
#DDD2D5
#E1CFD4
#CAE2D7
#CEDFD6
#D3DDD4
#D7DAD3
#DBD7D2
#E0D4D1
#E5D1CF
#C8E9D3
#CDE5D1
#D3E2CF
#D8DECE
#DDDBCC
#E2D7CA
#E9D3C8
Colorpallet from #D3C8E9 to #C8E9D3 and to #E9C8D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D1CDE5
#D2CCE5
#D3CBE5
#D4CBE5
#D5CAE5
#D6C9E5
#D7C8E5
#CFD3E2
#D1D1E2
#D3CFE2
#D4CEE2
#D6CCE2
#D8CAE2
#DAC8E2
#CED8DE
#D1D5DE
#D3D3DE
#D6D0DE
#D8CEDE
#DBCBDE
#DEC8DE
#CCDDDB
#CFDADB
#D3D6DB
#D6D3DB
#D9D0DB
#DDCCDB
#E1C8DB
#CAE2D7
#CEDED7
#D3DAD7
#D7D6D7
#DBD1D7
#E0CDD7
#E5C8D7
#C8E9D3
#CDE4D3
#D3DED3
#D8D9D3
#DDD4D3
#E2CFD3
#E9C8D3
Colorpallet from #D3C8E9 to #E9D3C8 and to #E9C8D3
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D3C8E9
#D7CAE4
#D7CAE4
#D7C9E4
#D7C9E4
#D7C9E5
#D7C8E5
#D7C8E5
#DACCDE
#DACBDF
#DACBDF
#DACAE0
#DAC9E1
#DAC9E1
#DAC8E2
#DECDD9
#DECCDA
#DECBDB
#DECBDB
#DECADC
#DEC9DD
#DEC8DE
#E1CFD4
#E1CED5
#E1CDD6
#E1CCD7
#E1CBD8
#E1C9DA
#E1C8DB
#E5D1CF
#E5D0D0
#E5CED2
#E5CDD3
#E5CBD4
#E5CAD5
#E5C8D7
#E9D3C8
#E9D1CA
#E9CFCC
#E9CECD
#E9CCCF
#E9CAD1
#E9C8D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts