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 #D3C9E4 to #D3E4C9 and to #C9D3E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3CDE0
#D3CDE1
#D2CCE1
#D2CCE2
#D2CCE3
#D1CBE3
#D1CBE4
#D3D2DB
#D3D1DC
#D2D0DE
#D2CFDF
#D1CEE1
#D1CDE2
#D0CCE4
#D3D6D7
#D2D5D9
#D1D3DB
#D1D2DD
#D0D1DF
#CFD0E1
#CECEE4
#D3DAD3
#D2D8D6
#D1D6D8
#D0D5DB
#CFD3DE
#CED1E1
#CDCFE4
#D3DFCE
#D2DDD2
#D0DBD5
#CFD8D9
#CED6DC
#CDD4E0
#CBD1E4
#D3E4C9
#D1E1CD
#D0DFD2
#CEDCD6
#CDD9DA
#CBD6DF
#C9D3E4
Colorpallet from #D3C9E4 to #D3E4C9 and to #C9E4D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3CDE0
#D3CDE0
#D2CDE0
#D2CDE0
#D2CDE1
#D1CDE1
#D1CDE1
#D3D2DB
#D3D2DC
#D2D2DC
#D2D2DD
#D1D2DE
#D1D2DE
#D0D2DF
#D3D6D7
#D2D6D8
#D1D6D9
#D1D6D9
#D0D6DA
#CFD6DB
#CED6DC
#D3DAD3
#D2DAD4
#D1DAD5
#D0DAD6
#CFDAD7
#CEDAD8
#CDDAD9
#D3DFCE
#D2DFCF
#D0DFD1
#CFDFD2
#CEDFD3
#CDDFD4
#CBDFD6
#D3E4C9
#D1E4CB
#D0E4CC
#CEE4CE
#CDE4CF
#CBE4D1
#C9E4D3
Colorpallet from #D3C9E4 to #D3E4C9 and to #E4D3C9
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3CDE0
#D3CDE0
#D4CCE0
#D4CCE0
#D5CCE0
#D5CBE0
#D6CBE0
#D3D2DB
#D4D1DB
#D5D0DB
#D5CFDB
#D6CEDB
#D7CDDB
#D8CCDB
#D3D6D7
#D4D5D7
#D6D3D7
#D7D2D7
#D8D1D7
#D9D0D7
#DBCED7
#D3DAD3
#D5D8D3
#D7D6D3
#D8D5D3
#DAD3D3
#DCD1D3
#DECFD3
#D3DFCE
#D5DDCE
#D7DBCE
#DAD8CE
#DCD6CE
#DED4CE
#E1D1CE
#D3E4C9
#D6E1C9
#D8DFC9
#DBDCC9
#DED9C9
#E1D6C9
#E4D3C9
Colorpallet from #D3C9E4 to #D3E4C9 and to #E4C9D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3CDE0
#D3CCE0
#D4CCE0
#D4CBE0
#D5CAE1
#D5CAE1
#D6C9E1
#D3D2DB
#D4D1DC
#D5CFDC
#D5CEDD
#D6CCDE
#D7CBDE
#D8C9DF
#D3D6D7
#D4D4D8
#D6D2D9
#D7D0D9
#D8CEDA
#D9CCDB
#DBC9DC
#D3DAD3
#D5D7D4
#D7D5D5
#D8D2D6
#DACFD7
#DCCCD8
#DEC9D9
#D3DFCE
#D5DBCF
#D7D8D1
#DAD4D2
#DCD1D3
#DECDD4
#E1C9D6
#D3E4C9
#D6E0CB
#D8DBCC
#DBD7CE
#DED3CF
#E1CED1
#E4C9D3
Colorpallet from #D3C9E4 to #C9D3E4 and to #C9E4D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D1CBE4
#D1CBE4
#D1CCE3
#D1CCE3
#D1CCE2
#D1CDE2
#D1CDE1
#D0CCE4
#D0CDE3
#D0CEE2
#D0CFE2
#D0D0E1
#D0D1E0
#D0D2DF
#CECEE4
#CECFE3
#CED1E1
#CED2E0
#CED3DF
#CED4DE
#CED6DC
#CDCFE4
#CDD1E2
#CDD3E0
#CDD4DF
#CDD6DD
#CDD8DB
#CDDAD9
#CBD1E4
#CBD3E2
#CBD5E0
#CBD8DD
#CBDADB
#CBDCD9
#CBDFD6
#C9D3E4
#C9D6E1
#C9D8DF
#C9DBDC
#C9DED9
#C9E1D6
#C9E4D3
Colorpallet from #D3C9E4 to #C9D3E4 and to #E4D3C9
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D1CBE4
#D2CBE3
#D3CBE3
#D3CBE2
#D4CBE1
#D5CBE1
#D6CBE0
#D0CCE4
#D1CCE3
#D3CCE1
#D4CCE0
#D5CCDE
#D6CCDD
#D8CCDB
#CECEE4
#D0CEE2
#D2CEE0
#D4CEDE
#D6CEDC
#D8CEDA
#DBCED7
#CDCFE4
#D0CFE1
#D2CFDF
#D5CFDC
#D8CFD9
#DBCFD6
#DECFD3
#CBD1E4
#CFD1E0
#D2D1DD
#D6D1D9
#D9D1D6
#DDD1D2
#E1D1CE
#C9D3E4
#CDD3E0
#D2D3DB
#D6D3D7
#DAD3D3
#DFD3CE
#E4D3C9
Colorpallet from #D3C9E4 to #C9D3E4 and to #E4C9D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D1CBE4
#D2CBE4
#D3CAE3
#D3CAE3
#D4CAE2
#D5C9E2
#D6C9E1
#D0CCE4
#D1CCE3
#D3CBE2
#D4CBE2
#D5CAE1
#D6CAE0
#D8C9DF
#CECEE4
#D0CDE3
#D2CCE1
#D4CCE0
#D6CBDF
#D8CADE
#DBC9DC
#CDCFE4
#D0CEE2
#D2CDE0
#D5CCDF
#D8CBDD
#DBCADB
#DEC9D9
#CBD1E4
#CFD0E2
#D2CEE0
#D6CDDD
#D9CCDB
#DDCBD9
#E1C9D6
#C9D3E4
#CDD1E1
#D2D0DF
#D6CEDC
#DACDD9
#DFCBD6
#E4C9D3
Colorpallet from #D3C9E4 to #C9E4D3 and to #E4D3C9
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D1CDE1
#D2CDE1
#D3CCE1
#D3CCE1
#D4CCE0
#D5CBE0
#D6CBE0
#D0D2DF
#D1D1DE
#D3D0DE
#D4CFDD
#D5CEDC
#D6CDDC
#D8CCDB
#CED6DC
#D0D5DB
#D2D3DA
#D4D2DA
#D6D1D9
#D8D0D8
#DBCED7
#CDDAD9
#D0D8D8
#D2D6D7
#D5D5D6
#D8D3D5
#DBD1D4
#DECFD3
#CBDFD6
#CFDDD5
#D2DBD3
#D6D8D2
#D9D6D1
#DDD4D0
#E1D1CE
#C9E4D3
#CDE1D1
#D2DFD0
#D6DCCE
#DAD9CD
#DFD6CB
#E4D3C9
Colorpallet from #D3C9E4 to #C9E4D3 and to #E4C9D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D1CDE1
#D2CCE1
#D3CCE1
#D3CBE1
#D4CAE1
#D5CAE1
#D6C9E1
#D0D2DF
#D1D1DF
#D3CFDF
#D4CEDF
#D5CCDF
#D6CBDF
#D8C9DF
#CED6DC
#D0D4DC
#D2D2DC
#D4D0DC
#D6CEDC
#D8CCDC
#DBC9DC
#CDDAD9
#D0D7D9
#D2D5D9
#D5D2D9
#D8CFD9
#DBCCD9
#DEC9D9
#CBDFD6
#CFDBD6
#D2D8D6
#D6D4D6
#D9D1D6
#DDCDD6
#E1C9D6
#C9E4D3
#CDE0D3
#D2DBD3
#D6D7D3
#DAD3D3
#DFCED3
#E4C9D3
Colorpallet from #D3C9E4 to #E4D3C9 and to #E4C9D3
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D3C9E4
#D6CBE0
#D6CBE0
#D6CAE0
#D6CAE0
#D6CAE1
#D6C9E1
#D6C9E1
#D8CCDB
#D8CCDC
#D8CBDC
#D8CBDD
#D8CADE
#D8CADE
#D8C9DF
#DBCED7
#DBCDD8
#DBCCD9
#DBCCD9
#DBCBDA
#DBCADB
#DBC9DC
#DECFD3
#DECED4
#DECDD5
#DECCD6
#DECBD7
#DECAD8
#DEC9D9
#E1D1CE
#E1D0CF
#E1CED1
#E1CDD2
#E1CCD3
#E1CBD4
#E1C9D6
#E4D3C9
#E4D1CB
#E4D0CC
#E4CECE
#E4CDCF
#E4CBD1
#E4C9D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts