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 #D2C6EC to #D2ECC6 and to #C6D2EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2CCE6
#D2CBE7
#D1CBE8
#D1CAE9
#D1C9EA
#D0C9EB
#D0C8EC
#D2D2E0
#D1D1E2
#D1CFE4
#D0CEE6
#CFCDE8
#CFCCEA
#CECAEC
#D2D8DA
#D1D6DD
#D0D4E0
#CFD2E3
#CED0E6
#CDCEE8
#CCCCEC
#D2DED4
#D1DBD8
#CFD9DC
#CED6E0
#CDD4E3
#CCD1E7
#CACEEC
#D2E4CE
#D0E1D3
#CFDED8
#CDDADC
#CCD7E1
#CAD4E6
#C8D0EC
#D2ECC6
#D0E8CC
#CEE4D2
#CCE0D8
#CADBDE
#C8D7E4
#C6D2EC
Colorpallet from #D2C6EC to #D2ECC6 and to #C6ECD2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2CCE6
#D2CCE6
#D1CCE7
#D1CCE7
#D1CCE7
#D0CCE8
#D0CCE8
#D2D2E0
#D1D2E1
#D1D2E1
#D0D2E2
#CFD2E3
#CFD2E3
#CED2E4
#D2D8DA
#D1D8DB
#D0D8DC
#CFD8DD
#CED8DE
#CDD8DF
#CCD8E0
#D2DED4
#D1DED5
#CFDED6
#CEDED7
#CDDED8
#CCDEDA
#CADEDB
#D2E4CE
#D0E4CF
#CFE4D1
#CDE4D2
#CCE4D4
#CAE4D5
#C8E4D7
#D2ECC6
#D0ECC8
#CEECCA
#CCECCC
#CAECCE
#C8ECD0
#C6ECD2
Colorpallet from #D2C6EC to #D2ECC6 and to #ECD2C6
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2CCE6
#D3CBE6
#D3CBE6
#D4CAE6
#D5C9E6
#D5C9E6
#D6C8E6
#D2D2E0
#D3D1E0
#D5CFE0
#D6CEE0
#D7CDE0
#D8CCE0
#DACAE0
#D2D8DA
#D4D6DA
#D6D4DA
#D8D2DA
#DAD0DA
#DCCEDA
#DECCDA
#D2DED4
#D5DBD4
#D7D9D4
#DAD6D4
#DDD4D4
#E0D1D4
#E3CED4
#D2E4CE
#D5E1CE
#D9DECE
#DCDACE
#DFD7CE
#E3D4CE
#E7D0CE
#D2ECC6
#D6E8C6
#DAE4C6
#DEE0C6
#E3DBC6
#E7D7C6
#ECD2C6
Colorpallet from #D2C6EC to #D2ECC6 and to #ECC6D2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2CCE6
#D3CBE6
#D3CAE7
#D4C9E7
#D5C8E7
#D5C7E8
#D6C6E8
#D2D2E0
#D3D0E1
#D5CEE1
#D6CCE2
#D7CAE3
#D8C8E3
#DAC6E4
#D2D8DA
#D4D5DB
#D6D2DC
#D8CFDD
#DACCDE
#DCCADF
#DEC6E0
#D2DED4
#D5DAD5
#D7D6D6
#DAD2D7
#DDCFD8
#E0CBDA
#E3C6DB
#D2E4CE
#D5DFCF
#D9DAD1
#DCD6D2
#DFD1D4
#E3CCD5
#E7C6D7
#D2ECC6
#D6E6C8
#DAE0CA
#DEDACC
#E3D4CE
#E7CED0
#ECC6D2
Colorpallet from #D2C6EC to #C6D2EC and to #C6ECD2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D0C8EC
#D0C9EB
#D0C9EB
#D0CAEA
#D0CBE9
#D0CBE9
#D0CCE8
#CECAEC
#CECBEB
#CECDE9
#CECEE8
#CECFE7
#CED0E6
#CED2E4
#CCCCEC
#CCCEEA
#CCD0E8
#CCD2E6
#CCD4E4
#CCD6E2
#CCD8E0
#CACEEC
#CAD1E9
#CAD3E7
#CAD6E4
#CAD8E1
#CADBDE
#CADEDB
#C8D0EC
#C8D3E9
#C8D6E5
#C8DAE2
#C8DDDF
#C8E0DB
#C8E4D7
#C6D2EC
#C6D6E8
#C6DAE4
#C6DEE0
#C6E3DB
#C6E7D7
#C6ECD2
Colorpallet from #D2C6EC to #C6D2EC and to #ECD2C6
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D0C8EC
#D1C8EB
#D2C8EA
#D3C8E9
#D4C8E8
#D5C8E7
#D6C8E6
#CECAEC
#D0CAEA
#D2CAE8
#D4CAE6
#D6CAE4
#D8CAE2
#DACAE0
#CCCCEC
#CFCCE9
#D2CCE6
#D5CCE3
#D8CCE0
#DACCDE
#DECCDA
#CACEEC
#CECEE8
#D2CEE4
#D6CEE0
#DACEDD
#DECED9
#E3CED4
#C8D0EC
#CDD0E7
#D2D0E2
#D7D0DE
#DCD0D9
#E1D0D4
#E7D0CE
#C6D2EC
#CCD2E6
#D2D2E0
#D8D2DA
#DED2D4
#E4D2CE
#ECD2C6
Colorpallet from #D2C6EC to #C6D2EC and to #ECC6D2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D0C8EC
#D1C8EB
#D2C7EB
#D3C7EA
#D4C7E9
#D5C6E9
#D6C6E8
#CECAEC
#D0C9EB
#D2C9E9
#D4C8E8
#D6C7E7
#D8C7E6
#DAC6E4
#CCCCEC
#CFCBEA
#D2CAE8
#D5C9E6
#D8C8E4
#DAC7E2
#DEC6E0
#CACEEC
#CECDE9
#D2CBE7
#D6CAE4
#DAC9E1
#DEC8DE
#E3C6DB
#C8D0EC
#CDCEE9
#D2CDE5
#D7CBE2
#DCCADF
#E1C8DB
#E7C6D7
#C6D2EC
#CCD0E8
#D2CEE4
#D8CCE0
#DECADB
#E4C8D7
#ECC6D2
Colorpallet from #D2C6EC to #C6ECD2 and to #ECD2C6
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D0CCE8
#D1CBE8
#D2CBE7
#D3CAE7
#D4C9E7
#D5C9E6
#D6C8E6
#CED2E4
#D0D1E3
#D2CFE3
#D4CEE2
#D6CDE1
#D8CCE1
#DACAE0
#CCD8E0
#CFD6DF
#D2D4DE
#D5D2DD
#D8D0DC
#DACEDB
#DECCDA
#CADEDB
#CEDBDA
#D2D9D9
#D6D6D8
#DAD4D7
#DED1D5
#E3CED4
#C8E4D7
#CDE1D6
#D2DED4
#D7DAD3
#DCD7D1
#E1D4D0
#E7D0CE
#C6ECD2
#CCE8D0
#D2E4CE
#D8E0CC
#DEDBCA
#E4D7C8
#ECD2C6
Colorpallet from #D2C6EC to #C6ECD2 and to #ECC6D2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D0CCE8
#D1CBE8
#D2CAE8
#D3C9E8
#D4C8E8
#D5C7E8
#D6C6E8
#CED2E4
#D0D0E4
#D2CEE4
#D4CCE4
#D6CAE4
#D8C8E4
#DAC6E4
#CCD8E0
#CFD5E0
#D2D2E0
#D5CFE0
#D8CCE0
#DACAE0
#DEC6E0
#CADEDB
#CEDADB
#D2D6DB
#D6D2DB
#DACFDB
#DECBDB
#E3C6DB
#C8E4D7
#CDDFD7
#D2DAD7
#D7D6D7
#DCD1D7
#E1CCD7
#E7C6D7
#C6ECD2
#CCE6D2
#D2E0D2
#D8DAD2
#DED4D2
#E4CED2
#ECC6D2
Colorpallet from #D2C6EC to #ECD2C6 and to #ECC6D2
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D2C6EC
#D6C8E6
#D6C8E6
#D6C7E7
#D6C7E7
#D6C7E7
#D6C6E8
#D6C6E8
#DACAE0
#DAC9E1
#DAC9E1
#DAC8E2
#DAC7E3
#DAC7E3
#DAC6E4
#DECCDA
#DECBDB
#DECADC
#DEC9DD
#DEC8DE
#DEC7DF
#DEC6E0
#E3CED4
#E3CDD5
#E3CBD6
#E3CAD7
#E3C9D8
#E3C8DA
#E3C6DB
#E7D0CE
#E7CECF
#E7CDD1
#E7CBD2
#E7CAD4
#E7C8D5
#E7C6D7
#ECD2C6
#ECD0C8
#ECCECA
#ECCCCC
#ECCACE
#ECC8D0
#ECC6D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts