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 #C2D0E3 to #C2E3D0 and to #D0C2E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D3E0
#C2D2E0
#C3D1E1
#C3D1E1
#C3D0E2
#C4CFE2
#C4CEE3
#C2D6DD
#C3D4DE
#C3D3DF
#C4D1E0
#C5D0E1
#C5CEE2
#C6CCE3
#C2D9DA
#C3D6DB
#C4D4DD
#C5D1DE
#C6CFE0
#C8CCE1
#C9C9E3
#C2DCD7
#C3D9D9
#C5D5DB
#C6D2DD
#C8CFDF
#C9CBE1
#CBC7E3
#C2DFD4
#C4DBD6
#C6D7D9
#C7D3DB
#C9CEDE
#CBCAE0
#CDC5E3
#C2E3D0
#C4DED3
#C6D8D6
#C9D3D9
#CBCEDC
#CDC9DF
#D0C2E3
Colorpallet from #C2D0E3 to #C2E3D0 and to #D0E3C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D3E0
#C2D3E0
#C3D3DF
#C3D3DF
#C3D3DF
#C4D3DE
#C4D3DE
#C2D6DD
#C3D6DC
#C3D6DB
#C4D6DB
#C5D6DA
#C5D6D9
#C6D6D8
#C2D9DA
#C3D9D9
#C4D9D8
#C5D9D7
#C6D9D6
#C8D9D4
#C9D9D3
#C2DCD7
#C3DCD6
#C5DCD4
#C6DCD3
#C8DCD1
#C9DCD0
#CBDCCE
#C2DFD4
#C4DFD2
#C6DFD0
#C7DFCF
#C9DFCD
#CBDFCB
#CDDFC9
#C2E3D0
#C4E3CE
#C6E3CC
#C9E3C9
#CBE3C7
#CDE3C5
#D0E3C2
Colorpallet from #C2D0E3 to #C2E3D0 and to #E3C2D0
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D3E0
#C3D2E0
#C4D1E0
#C4D1E0
#C5D0E0
#C6CFE0
#C7CEE0
#C2D6DD
#C4D4DD
#C6D3DD
#C7D1DD
#C9D0DD
#CBCEDD
#CDCCDD
#C2D9DA
#C5D6DA
#C7D4DA
#CAD1DA
#CCCFDA
#CFCCDA
#D2C9DA
#C2DCD7
#C5D9D7
#C9D5D7
#CCD2D7
#CFCFD7
#D3CBD7
#D7C7D7
#C2DFD4
#C6DBD4
#CAD7D4
#CED3D4
#D3CED4
#D7CAD4
#DCC5D4
#C2E3D0
#C7DED0
#CDD8D0
#D2D3D0
#D7CED0
#DCC9D0
#E3C2D0
Colorpallet from #C2D0E3 to #C2E3D0 and to #E3D0C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D3E0
#C3D3E0
#C4D2DF
#C4D2DF
#C5D1DF
#C6D1DE
#C7D0DE
#C2D6DD
#C4D5DC
#C6D4DB
#C7D3DB
#C9D2DA
#CBD1D9
#CDD0D8
#C2D9DA
#C5D8D9
#C7D6D8
#CAD5D7
#CCD3D6
#CFD2D4
#D2D0D3
#C2DCD7
#C5DAD6
#C9D8D4
#CCD6D3
#CFD4D1
#D3D2D0
#D7D0CE
#C2DFD4
#C6DDD2
#CADAD0
#CED8CF
#D3D5CD
#D7D3CB
#DCD0C9
#C2E3D0
#C7E0CE
#CDDDCC
#D2DAC9
#D7D7C7
#DCD4C5
#E3D0C2
Colorpallet from #C2D0E3 to #D0C2E3 and to #D0E3C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C4CEE3
#C4CFE2
#C4D0E1
#C4D0E1
#C4D1E0
#C4D2DF
#C4D3DE
#C6CCE3
#C6CEE1
#C6CFDF
#C6D1DE
#C6D2DC
#C6D4DA
#C6D6D8
#C9C9E3
#C9CCE0
#C9CEDE
#C9D1DB
#C9D3D9
#C9D6D6
#C9D9D3
#CBC7E3
#CBCAE0
#CBCEDC
#CBD1D9
#CBD4D6
#CBD8D2
#CBDCCE
#CDC5E3
#CDC9DF
#CDCDDB
#CDD1D7
#CDD6D2
#CDDACE
#CDDFC9
#D0C2E3
#D0C7DE
#D0CDD8
#D0D2D3
#D0D7CE
#D0DCC9
#D0E3C2
Colorpallet from #C2D0E3 to #D0C2E3 and to #E3C2D0
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C4CEE3
#C4CEE3
#C5CEE2
#C5CEE2
#C6CEE1
#C6CEE1
#C7CEE0
#C6CCE3
#C7CCE2
#C8CCE1
#C9CCE0
#CACCDF
#CCCCDE
#CDCCDD
#C9C9E3
#CAC9E2
#CCC9E0
#CDC9DF
#CFC9DD
#D0C9DC
#D2C9DA
#CBC7E3
#CDC7E1
#CFC7DF
#D1C7DD
#D3C7DB
#D5C7D9
#D7C7D7
#CDC5E3
#CFC5E1
#D2C5DE
#D4C5DC
#D7C5D9
#D9C5D7
#DCC5D4
#D0C2E3
#D3C2E0
#D6C2DD
#D9C2DA
#DCC2D7
#DFC2D4
#E3C2D0
Colorpallet from #C2D0E3 to #D0C2E3 and to #E3D0C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C4CEE3
#C4CEE2
#C5CFE1
#C5CFE1
#C6CFE0
#C6D0DF
#C7D0DE
#C6CCE3
#C7CDE1
#C8CDDF
#C9CEDE
#CACFDC
#CCCFDA
#CDD0D8
#C9C9E3
#CACAE0
#CCCBDE
#CDCCDB
#CFCDD9
#D0CFD6
#D2D0D3
#CBC7E3
#CDC8E0
#CFCADC
#D1CBD9
#D3CDD6
#D5CED2
#D7D0CE
#CDC5E3
#CFC7DF
#D2C9DB
#D4CAD7
#D7CCD2
#D9CECE
#DCD0C9
#D0C2E3
#D3C4DE
#D6C6D8
#D9C9D3
#DCCBCE
#DFCDC9
#E3D0C2
Colorpallet from #C2D0E3 to #D0E3C2 and to #E3C2D0
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C4D3DE
#C4D2DE
#C5D1DF
#C5D1DF
#C6D0DF
#C6CFE0
#C7CEE0
#C6D6D8
#C7D4D9
#C8D3DA
#C9D1DA
#CAD0DB
#CCCEDC
#CDCCDD
#C9D9D3
#CAD6D4
#CCD4D5
#CDD1D6
#CFCFD7
#D0CCD9
#D2C9DA
#CBDCCE
#CDD9CF
#CFD5D1
#D1D2D2
#D3CFD4
#D5CBD5
#D7C7D7
#CDDFC9
#CFDBCB
#D2D7CD
#D4D3CE
#D7CED0
#D9CAD2
#DCC5D4
#D0E3C2
#D3DEC4
#D6D8C6
#D9D3C9
#DCCECB
#DFC9CD
#E3C2D0
Colorpallet from #C2D0E3 to #D0E3C2 and to #E3D0C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C4D3DE
#C4D3DE
#C5D2DE
#C5D2DE
#C6D1DE
#C6D1DE
#C7D0DE
#C6D6D8
#C7D5D8
#C8D4D8
#C9D3D8
#CAD2D8
#CCD1D8
#CDD0D8
#C9D9D3
#CAD8D3
#CCD6D3
#CDD5D3
#CFD3D3
#D0D2D3
#D2D0D3
#CBDCCE
#CDDACE
#CFD8CE
#D1D6CE
#D3D4CE
#D5D2CE
#D7D0CE
#CDDFC9
#CFDDC9
#D2DAC9
#D4D8C9
#D7D5C9
#D9D3C9
#DCD0C9
#D0E3C2
#D3E0C2
#D6DDC2
#D9DAC2
#DCD7C2
#DFD4C2
#E3D0C2
Colorpallet from #C2D0E3 to #E3C2D0 and to #E3D0C2
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C2D0E3
#C7CEE0
#C7CEE0
#C7CFDF
#C7CFDF
#C7CFDF
#C7D0DE
#C7D0DE
#CDCCDD
#CDCDDC
#CDCDDB
#CDCEDB
#CDCFDA
#CDCFD9
#CDD0D8
#D2C9DA
#D2CAD9
#D2CBD8
#D2CCD7
#D2CDD6
#D2CFD4
#D2D0D3
#D7C7D7
#D7C8D6
#D7CAD4
#D7CBD3
#D7CDD1
#D7CED0
#D7D0CE
#DCC5D4
#DCC7D2
#DCC9D0
#DCCACF
#DCCCCD
#DCCECB
#DCD0C9
#E3C2D0
#E3C4CE
#E3C6CC
#E3C9C9
#E3CBC7
#E3CDC5
#E3D0C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts