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 #C4D0E2 to #C4E2D0 and to #D0C4E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D3DF
#C4D2DF
#C5D1E0
#C5D1E0
#C5D0E1
#C6CFE1
#C6CEE2
#C4D6DC
#C5D4DD
#C5D3DE
#C6D1DF
#C7D0E0
#C7CEE1
#C8CCE2
#C4D9D9
#C5D7DA
#C6D4DC
#C7D2DD
#C8CFDF
#C9CDE0
#CACAE2
#C4DCD6
#C5D9D8
#C7D6DA
#C8D2DC
#C9CFDE
#CACCE0
#CCC8E2
#C4DED4
#C6DAD6
#C7D6D8
#C9D2DB
#CACFDD
#CCCBDF
#CEC6E2
#C4E2D0
#C6DDD3
#C8D8D6
#CAD4D9
#CCCFDC
#CECADE
#D0C4E2
Colorpallet from #C4D0E2 to #C4E2D0 and to #D0E2C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D3DF
#C4D3DF
#C5D3DE
#C5D3DE
#C5D3DE
#C6D3DD
#C6D3DD
#C4D6DC
#C5D6DB
#C5D6DB
#C6D6DA
#C7D6D9
#C7D6D9
#C8D6D8
#C4D9D9
#C5D9D8
#C6D9D7
#C7D9D7
#C8D9D6
#C9D9D5
#CAD9D4
#C4DCD6
#C5DCD5
#C7DCD4
#C8DCD3
#C9DCD2
#CADCD0
#CCDCCF
#C4DED4
#C6DED2
#C7DED1
#C9DECF
#CADECE
#CCDECC
#CEDECA
#C4E2D0
#C6E2CE
#C8E2CC
#CAE2CA
#CCE2C8
#CEE2C6
#D0E2C4
Colorpallet from #C4D0E2 to #C4E2D0 and to #E2C4D0
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D3DF
#C5D2DF
#C6D1DF
#C6D1DF
#C7D0DF
#C8CFDF
#C9CEDF
#C4D6DC
#C6D4DC
#C7D3DC
#C9D1DC
#CAD0DC
#CCCEDC
#CECCDC
#C4D9D9
#C6D7D9
#C8D4D9
#CBD2D9
#CDCFD9
#CFCDD9
#D2CAD9
#C4DCD6
#C7D9D6
#CAD6D6
#CDD2D6
#D0CFD6
#D3CCD6
#D7C8D6
#C4DED4
#C8DAD4
#CCD6D4
#D0D2D4
#D3CFD4
#D7CBD4
#DCC6D4
#C4E2D0
#C9DDD0
#CED8D0
#D2D4D0
#D7CFD0
#DCCAD0
#E2C4D0
Colorpallet from #C4D0E2 to #C4E2D0 and to #E2D0C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D3DF
#C5D3DF
#C6D2DE
#C6D2DE
#C7D1DE
#C8D1DD
#C9D0DD
#C4D6DC
#C6D5DB
#C7D4DB
#C9D3DA
#CAD2D9
#CCD1D9
#CED0D8
#C4D9D9
#C6D8D8
#C8D6D7
#CBD5D7
#CDD3D6
#CFD2D5
#D2D0D4
#C4DCD6
#C7DAD5
#CAD8D4
#CDD6D3
#D0D4D2
#D3D2D0
#D7D0CF
#C4DED4
#C8DCD2
#CCDAD1
#D0D7CF
#D3D5CE
#D7D3CC
#DCD0CA
#C4E2D0
#C9DFCE
#CEDCCC
#D2D9CA
#D7D6C8
#DCD4C6
#E2D0C4
Colorpallet from #C4D0E2 to #D0C4E2 and to #D0E2C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C6CEE2
#C6CFE1
#C6D0E0
#C6D0E0
#C6D1DF
#C6D2DE
#C6D3DD
#C8CCE2
#C8CEE0
#C8CFDF
#C8D1DD
#C8D2DC
#C8D4DA
#C8D6D8
#CACAE2
#CACCE0
#CACFDE
#CAD1DB
#CAD4D9
#CAD6D7
#CAD9D4
#CCC8E2
#CCCBDF
#CCCEDC
#CCD2D9
#CCD5D6
#CCD8D3
#CCDCCF
#CEC6E2
#CECADE
#CECEDA
#CED2D6
#CED5D3
#CED9CF
#CEDECA
#D0C4E2
#D0C9DD
#D0CED8
#D0D2D4
#D0D7CF
#D0DCCA
#D0E2C4
Colorpallet from #C4D0E2 to #D0C4E2 and to #E2C4D0
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C6CEE2
#C6CEE2
#C7CEE1
#C7CEE1
#C8CEE0
#C8CEE0
#C9CEDF
#C8CCE2
#C9CCE1
#CACCE0
#CBCCDF
#CCCCDE
#CDCCDD
#CECCDC
#CACAE2
#CBCAE1
#CDCADF
#CECADE
#CFCADC
#D0CADB
#D2CAD9
#CCC8E2
#CEC8E0
#D0C8DE
#D1C8DC
#D3C8DA
#D5C8D8
#D7C8D6
#CEC6E2
#D0C6E0
#D2C6DE
#D5C6DB
#D7C6D9
#D9C6D7
#DCC6D4
#D0C4E2
#D3C4DF
#D6C4DC
#D9C4D9
#DCC4D6
#DEC4D4
#E2C4D0
Colorpallet from #C4D0E2 to #D0C4E2 and to #E2D0C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C6CEE2
#C6CEE1
#C7CFE0
#C7CFE0
#C8CFDF
#C8D0DE
#C9D0DD
#C8CCE2
#C9CDE0
#CACDDF
#CBCEDD
#CCCFDC
#CDCFDA
#CED0D8
#CACAE2
#CBCBE0
#CDCCDE
#CECDDB
#CFCED9
#D0CFD7
#D2D0D4
#CCC8E2
#CEC9DF
#D0CBDC
#D1CCD9
#D3CDD6
#D5CED3
#D7D0CF
#CEC6E2
#D0C8DE
#D2C9DA
#D5CBD6
#D7CCD3
#D9CECF
#DCD0CA
#D0C4E2
#D3C6DD
#D6C8D8
#D9CAD4
#DCCCCF
#DECECA
#E2D0C4
Colorpallet from #C4D0E2 to #D0E2C4 and to #E2C4D0
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C6D3DD
#C6D2DD
#C7D1DE
#C7D1DE
#C8D0DE
#C8CFDF
#C9CEDF
#C8D6D8
#C9D4D9
#CAD3D9
#CBD1DA
#CCD0DB
#CDCEDB
#CECCDC
#CAD9D4
#CBD7D5
#CDD4D6
#CED2D6
#CFCFD7
#D0CDD8
#D2CAD9
#CCDCCF
#CED9D0
#D0D6D1
#D1D2D2
#D3CFD3
#D5CCD5
#D7C8D6
#CEDECA
#D0DACC
#D2D6CD
#D5D2CF
#D7CFD0
#D9CBD2
#DCC6D4
#D0E2C4
#D3DDC6
#D6D8C8
#D9D4CA
#DCCFCC
#DECACE
#E2C4D0
Colorpallet from #C4D0E2 to #D0E2C4 and to #E2D0C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C6D3DD
#C6D3DD
#C7D2DD
#C7D2DD
#C8D1DD
#C8D1DD
#C9D0DD
#C8D6D8
#C9D5D8
#CAD4D8
#CBD3D8
#CCD2D8
#CDD1D8
#CED0D8
#CAD9D4
#CBD8D4
#CDD6D4
#CED5D4
#CFD3D4
#D0D2D4
#D2D0D4
#CCDCCF
#CEDACF
#D0D8CF
#D1D6CF
#D3D4CF
#D5D2CF
#D7D0CF
#CEDECA
#D0DCCA
#D2DACA
#D5D7CA
#D7D5CA
#D9D3CA
#DCD0CA
#D0E2C4
#D3DFC4
#D6DCC4
#D9D9C4
#DCD6C4
#DED4C4
#E2D0C4
Colorpallet from #C4D0E2 to #E2C4D0 and to #E2D0C4
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C4D0E2
#C9CEDF
#C9CEDF
#C9CFDE
#C9CFDE
#C9CFDE
#C9D0DD
#C9D0DD
#CECCDC
#CECDDB
#CECDDB
#CECEDA
#CECFD9
#CECFD9
#CED0D8
#D2CAD9
#D2CBD8
#D2CCD7
#D2CDD7
#D2CED6
#D2CFD5
#D2D0D4
#D7C8D6
#D7C9D5
#D7CBD4
#D7CCD3
#D7CDD2
#D7CED0
#D7D0CF
#DCC6D4
#DCC8D2
#DCC9D1
#DCCBCF
#DCCCCE
#DCCECC
#DCD0CA
#E2C4D0
#E2C6CE
#E2C8CC
#E2CACA
#E2CCC8
#E2CEC6
#E2D0C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts