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 #D2C4ED to #D2EDC4 and to #C4D2ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2CBE6
#D2CAE7
#D1C9E8
#D1C9E9
#D1C8EA
#D0C7EC
#D0C6ED
#D2D1E0
#D1D0E2
#D1CEE4
#D0CDE6
#CFCBE8
#CFCAEA
#CEC8ED
#D2D8D9
#D1D6DC
#D0D4DF
#CFD2E3
#CED0E6
#CCCEE9
#CBCBED
#D2DED3
#D1DBD7
#CFD9DB
#CED6DF
#CCD3E4
#CBD0E8
#C9CDED
#D2E5CC
#D0E1D1
#CEDED7
#CDDADC
#CBD7E1
#C9D3E6
#C7CFED
#D2EDC4
#D0E9CB
#CEE4D1
#CBE0D8
#C9DCDE
#C7D7E5
#C4D2ED
Colorpallet from #D2C4ED to #D2EDC4 and to #C4EDD2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2CBE6
#D2CBE6
#D1CBE7
#D1CBE7
#D1CBE8
#D0CBE8
#D0CBE9
#D2D1E0
#D1D1E1
#D1D1E1
#D0D1E2
#CFD1E3
#CFD1E3
#CED1E4
#D2D8D9
#D1D8DA
#D0D8DB
#CFD8DC
#CED8DD
#CCD8DF
#CBD8E0
#D2DED3
#D1DED4
#CFDED6
#CEDED7
#CCDED9
#CBDEDA
#C9DEDC
#D2E5CC
#D0E5CE
#CEE5D0
#CDE5D1
#CBE5D3
#C9E5D5
#C7E5D7
#D2EDC4
#D0EDC6
#CEEDC8
#CBEDCB
#C9EDCD
#C7EDCF
#C4EDD2
Colorpallet from #D2C4ED to #D2EDC4 and to #EDD2C4
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2CBE6
#D3CAE6
#D3C9E6
#D4C9E6
#D5C8E6
#D5C7E6
#D6C6E6
#D2D1E0
#D3D0E0
#D5CEE0
#D6CDE0
#D8CBE0
#D9CAE0
#DBC8E0
#D2D8D9
#D4D6D9
#D6D4D9
#D8D2D9
#DAD0D9
#DCCED9
#DFCBD9
#D2DED3
#D5DBD3
#D7D9D3
#DAD6D3
#DDD3D3
#E0D0D3
#E3CDD3
#D2E5CC
#D6E1CC
#D9DECC
#DDDACC
#E0D7CC
#E4D3CC
#E8CFCC
#D2EDC4
#D6E9C4
#DBE4C4
#DFE0C4
#E3DCC4
#E8D7C4
#EDD2C4
Colorpallet from #D2C4ED to #D2EDC4 and to #EDC4D2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2CBE6
#D3CAE6
#D3C9E7
#D4C8E7
#D5C7E8
#D5C5E8
#D6C4E9
#D2D1E0
#D3CFE1
#D5CDE1
#D6CBE2
#D8C9E3
#D9C7E3
#DBC4E4
#D2D8D9
#D4D5DA
#D6D2DB
#D8CEDC
#DACBDD
#DCC8DF
#DFC4E0
#D2DED3
#D5DAD4
#D7D6D6
#DAD2D7
#DDCDD9
#E0C9DA
#E3C4DC
#D2E5CC
#D6E0CE
#D9DAD0
#DDD5D1
#E0D0D3
#E4CBD5
#E8C4D7
#D2EDC4
#D6E6C6
#DBE0C8
#DFD9CB
#E3D3CD
#E8CCCF
#EDC4D2
Colorpallet from #D2C4ED to #C4D2ED and to #C4EDD2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D0C6ED
#D0C7EC
#D0C8EC
#D0C8EB
#D0C9EA
#D0CAEA
#D0CBE9
#CEC8ED
#CEC9EC
#CECBEA
#CECCE9
#CECEE7
#CECFE6
#CED1E4
#CBCBED
#CBCDEB
#CBCFE9
#CBD1E7
#CBD3E5
#CBD5E3
#CBD8E0
#C9CDED
#C9D0EA
#C9D2E8
#C9D5E5
#C9D8E2
#C9DBDF
#C9DEDC
#C7CFED
#C7D3E9
#C7D6E6
#C7DAE2
#C7DDDF
#C7E1DB
#C7E5D7
#C4D2ED
#C4D6E9
#C4DBE4
#C4DFE0
#C4E3DC
#C4E8D7
#C4EDD2
Colorpallet from #D2C4ED to #C4D2ED and to #EDD2C4
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D0C6ED
#D1C6EC
#D2C6EB
#D3C6EA
#D4C6E9
#D5C6E7
#D6C6E6
#CEC8ED
#D0C8EB
#D2C8E9
#D4C8E7
#D6C8E5
#D8C8E3
#DBC8E0
#CBCBED
#CECBEA
#D1CBE7
#D5CBE3
#D8CBE0
#DBCBDD
#DFCBD9
#C9CDED
#CDCDE9
#D1CDE5
#D5CDE1
#DACDDC
#DECDD8
#E3CDD3
#C7CFED
#CCCFE8
#D2CFE2
#D7CFDD
#DCCFD8
#E1CFD3
#E8CFCC
#C4D2ED
#CBD2E6
#D1D2E0
#D8D2D9
#DED2D3
#E5D2CC
#EDD2C4
Colorpallet from #D2C4ED to #C4D2ED and to #EDC4D2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D0C6ED
#D1C6EC
#D2C5EC
#D3C5EB
#D4C5EA
#D5C4EA
#D6C4E9
#CEC8ED
#D0C7EC
#D2C7EA
#D4C6E9
#D6C5E7
#D8C5E6
#DBC4E4
#CBCBED
#CECAEB
#D1C9E9
#D5C8E7
#D8C7E5
#DBC5E3
#DFC4E0
#C9CDED
#CDCCEA
#D1CAE8
#D5C9E5
#DAC7E2
#DEC6DF
#E3C4DC
#C7CFED
#CCCDE9
#D2CBE6
#D7CAE2
#DCC8DF
#E1C6DB
#E8C4D7
#C4D2ED
#CBD0E9
#D1CEE4
#D8CBE0
#DEC9DC
#E5C7D7
#EDC4D2
Colorpallet from #D2C4ED to #C4EDD2 and to #EDD2C4
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D0CBE9
#D1CAE9
#D2C9E8
#D3C9E8
#D4C8E7
#D5C7E7
#D6C6E6
#CED1E4
#D0D0E3
#D2CEE3
#D4CDE2
#D6CBE1
#D8CAE1
#DBC8E0
#CBD8E0
#CED6DF
#D1D4DE
#D5D2DD
#D8D0DC
#DBCEDA
#DFCBD9
#C9DEDC
#CDDBDB
#D1D9D9
#D5D6D8
#DAD3D6
#DED0D5
#E3CDD3
#C7E5D7
#CCE1D5
#D2DED3
#D7DAD2
#DCD7D0
#E1D3CE
#E8CFCC
#C4EDD2
#CBE9D0
#D1E4CE
#D8E0CB
#DEDCC9
#E5D7C7
#EDD2C4
Colorpallet from #D2C4ED to #C4EDD2 and to #EDC4D2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D0CBE9
#D1CAE9
#D2C9E9
#D3C8E9
#D4C7E9
#D5C5E9
#D6C4E9
#CED1E4
#D0CFE4
#D2CDE4
#D4CBE4
#D6C9E4
#D8C7E4
#DBC4E4
#CBD8E0
#CED5E0
#D1D2E0
#D5CEE0
#D8CBE0
#DBC8E0
#DFC4E0
#C9DEDC
#CDDADC
#D1D6DC
#D5D2DC
#DACDDC
#DEC9DC
#E3C4DC
#C7E5D7
#CCE0D7
#D2DAD7
#D7D5D7
#DCD0D7
#E1CBD7
#E8C4D7
#C4EDD2
#CBE6D2
#D1E0D2
#D8D9D2
#DED3D2
#E5CCD2
#EDC4D2
Colorpallet from #D2C4ED to #EDD2C4 and to #EDC4D2
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D2C4ED
#D6C6E6
#D6C6E6
#D6C5E7
#D6C5E7
#D6C5E8
#D6C4E8
#D6C4E9
#DBC8E0
#DBC7E1
#DBC7E1
#DBC6E2
#DBC5E3
#DBC5E3
#DBC4E4
#DFCBD9
#DFCADA
#DFC9DB
#DFC8DC
#DFC7DD
#DFC5DF
#DFC4E0
#E3CDD3
#E3CCD4
#E3CAD6
#E3C9D7
#E3C7D9
#E3C6DA
#E3C4DC
#E8CFCC
#E8CDCE
#E8CBD0
#E8CAD1
#E8C8D3
#E8C6D5
#E8C4D7
#EDD2C4
#EDD0C6
#EDCEC8
#EDCBCB
#EDC9CD
#EDC7CF
#EDC4D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts