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 #C5D0E9 to #C5E9D0 and to #D0C5E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D4E5
#C5D3E6
#C6D2E6
#C6D1E7
#C6D0E8
#C7CFE8
#C7CEE9
#C5D8E1
#C6D6E2
#C6D4E4
#C7D2E5
#C8D0E6
#C8CEE7
#C9CCE9
#C5DCDD
#C6D9DF
#C7D7E1
#C7D4E3
#C8D1E5
#C9CEE7
#CACBE9
#C5E0D9
#C6DCDC
#C7D9DE
#C8D5E1
#C9D1E3
#CBCEE6
#CCC9E9
#C5E4D5
#C6DFD8
#C8DBDB
#C9D6DF
#CBD1E2
#CCCDE5
#CEC7E9
#C5E9D0
#C7E3D4
#C9DDD8
#CAD8DC
#CCD2E0
#CECCE4
#D0C5E9
Colorpallet from #C5D0E9 to #C5E9D0 and to #D0E9C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D4E5
#C5D4E5
#C6D4E4
#C6D4E4
#C6D4E4
#C7D4E3
#C7D4E3
#C5D8E1
#C6D8E0
#C6D8E0
#C7D8DF
#C8D8DE
#C8D8DE
#C9D8DD
#C5DCDD
#C6DCDC
#C7DCDB
#C7DCDB
#C8DCDA
#C9DCD9
#CADCD8
#C5E0D9
#C6E0D8
#C7E0D7
#C8E0D6
#C9E0D5
#CBE0D3
#CCE0D2
#C5E4D5
#C6E4D4
#C8E4D2
#C9E4D1
#CBE4CF
#CCE4CE
#CEE4CC
#C5E9D0
#C7E9CE
#C9E9CC
#CAE9CB
#CCE9C9
#CEE9C7
#D0E9C5
Colorpallet from #C5D0E9 to #C5E9D0 and to #E9C5D0
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D4E5
#C6D3E5
#C7D2E5
#C8D1E5
#C9D0E5
#CACFE5
#CBCEE5
#C5D8E1
#C7D6E1
#C9D4E1
#CBD2E1
#CDD0E1
#CFCEE1
#D1CCE1
#C5DCDD
#C8D9DD
#CAD7DD
#CDD4DD
#D0D1DD
#D3CEDD
#D6CBDD
#C5E0D9
#C9DCD9
#CCD9D9
#D0D5D9
#D4D1D9
#D7CED9
#DCC9D9
#C5E4D5
#CADFD5
#CEDBD5
#D3D6D5
#D8D1D5
#DCCDD5
#E2C7D5
#C5E9D0
#CBE3D0
#D1DDD0
#D6D8D0
#DCD2D0
#E2CCD0
#E9C5D0
Colorpallet from #C5D0E9 to #C5E9D0 and to #E9D0C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D4E5
#C6D3E5
#C7D3E4
#C8D2E4
#C9D1E4
#CAD1E3
#CBD0E3
#C5D8E1
#C7D7E0
#C9D5E0
#CBD4DF
#CDD3DE
#CFD2DE
#D1D0DD
#C5DCDD
#C8DADC
#CAD8DB
#CDD6DB
#D0D4DA
#D3D2D9
#D6D0D8
#C5E0D9
#C9DDD8
#CCDBD7
#D0D8D6
#D4D6D5
#D7D3D3
#DCD0D2
#C5E4D5
#CAE1D4
#CEDED2
#D3DAD1
#D8D7CF
#DCD4CE
#E2D0CC
#C5E9D0
#CBE5CE
#D1E1CC
#D6DDCB
#DCD9C9
#E2D5C7
#E9D0C5
Colorpallet from #C5D0E9 to #D0C5E9 and to #D0E9C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C7CEE9
#C7CFE8
#C7D0E7
#C7D1E6
#C7D2E5
#C7D3E4
#C7D4E3
#C9CCE9
#C9CEE7
#C9D0E5
#C9D2E3
#C9D4E1
#C9D6DF
#C9D8DD
#CACBE9
#CACEE6
#CAD0E4
#CAD3E1
#CAD6DE
#CAD9DB
#CADCD8
#CCC9E9
#CCCDE5
#CCD0E2
#CCD4DE
#CCD8DA
#CCDBD7
#CCE0D2
#CEC7E9
#CECCE4
#CED0E0
#CED5DB
#CEDAD6
#CEDED2
#CEE4CC
#D0C5E9
#D0CBE3
#D0D1DD
#D0D6D8
#D0DCD2
#D0E2CC
#D0E9C5
Colorpallet from #C5D0E9 to #D0C5E9 and to #E9C5D0
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C7CEE9
#C8CEE8
#C8CEE8
#C9CEE7
#CACEE6
#CACEE6
#CBCEE5
#C9CCE9
#CACCE8
#CCCCE6
#CDCCE5
#CECCE4
#CFCCE3
#D1CCE1
#CACBE9
#CCCBE7
#CECBE5
#D0CBE3
#D2CBE1
#D4CBDF
#D6CBDD
#CCC9E9
#CFC9E6
#D1C9E4
#D4C9E1
#D6C9DF
#D9C9DC
#DCC9D9
#CEC7E9
#D1C7E6
#D4C7E3
#D8C7DF
#DBC7DC
#DEC7D9
#E2C7D5
#D0C5E9
#D4C5E5
#D8C5E1
#DCC5DD
#E0C5D9
#E4C5D5
#E9C5D0
Colorpallet from #C5D0E9 to #D0C5E9 and to #E9D0C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C7CEE9
#C8CEE8
#C8CFE7
#C9CFE6
#CACFE5
#CAD0E4
#CBD0E3
#C9CCE9
#CACDE7
#CCCDE5
#CDCEE3
#CECFE1
#CFCFDF
#D1D0DD
#CACBE9
#CCCCE6
#CECDE4
#D0CDE1
#D2CEDE
#D4CFDB
#D6D0D8
#CCC9E9
#CFCAE5
#D1CBE2
#D4CCDE
#D6CDDA
#D9CFD7
#DCD0D2
#CEC7E9
#D1C8E4
#D4CAE0
#D8CBDB
#DBCDD6
#DECED2
#E2D0CC
#D0C5E9
#D4C7E3
#D8C9DD
#DCCAD8
#E0CCD2
#E4CECC
#E9D0C5
Colorpallet from #C5D0E9 to #D0E9C5 and to #E9C5D0
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C7D4E3
#C8D3E3
#C8D2E4
#C9D1E4
#CAD0E4
#CACFE5
#CBCEE5
#C9D8DD
#CAD6DE
#CCD4DE
#CDD2DF
#CED0E0
#CFCEE0
#D1CCE1
#CADCD8
#CCD9D9
#CED7DA
#D0D4DA
#D2D1DB
#D4CEDC
#D6CBDD
#CCE0D2
#CFDCD3
#D1D9D4
#D4D5D5
#D6D1D6
#D9CED8
#DCC9D9
#CEE4CC
#D1DFCD
#D4DBCF
#D8D6D0
#DBD1D2
#DECDD3
#E2C7D5
#D0E9C5
#D4E3C7
#D8DDC9
#DCD8CA
#E0D2CC
#E4CCCE
#E9C5D0
Colorpallet from #C5D0E9 to #D0E9C5 and to #E9D0C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C7D4E3
#C8D3E3
#C8D3E3
#C9D2E3
#CAD1E3
#CAD1E3
#CBD0E3
#C9D8DD
#CAD7DD
#CCD5DD
#CDD4DD
#CED3DD
#CFD2DD
#D1D0DD
#CADCD8
#CCDAD8
#CED8D8
#D0D6D8
#D2D4D8
#D4D2D8
#D6D0D8
#CCE0D2
#CFDDD2
#D1DBD2
#D4D8D2
#D6D6D2
#D9D3D2
#DCD0D2
#CEE4CC
#D1E1CC
#D4DECC
#D8DACC
#DBD7CC
#DED4CC
#E2D0CC
#D0E9C5
#D4E5C5
#D8E1C5
#DCDDC5
#E0D9C5
#E4D5C5
#E9D0C5
Colorpallet from #C5D0E9 to #E9C5D0 and to #E9D0C5
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#C5D0E9
#CBCEE5
#CBCEE5
#CBCFE4
#CBCFE4
#CBCFE4
#CBD0E3
#CBD0E3
#D1CCE1
#D1CDE0
#D1CDE0
#D1CEDF
#D1CFDE
#D1CFDE
#D1D0DD
#D6CBDD
#D6CCDC
#D6CDDB
#D6CDDB
#D6CEDA
#D6CFD9
#D6D0D8
#DCC9D9
#DCCAD8
#DCCBD7
#DCCCD6
#DCCDD5
#DCCFD3
#DCD0D2
#E2C7D5
#E2C8D4
#E2CAD2
#E2CBD1
#E2CDCF
#E2CECE
#E2D0CC
#E9C5D0
#E9C7CE
#E9C9CC
#E9CACB
#E9CCC9
#E9CEC7
#E9D0C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts