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 #C3D1E4 to #C3E4D1 and to #D1C3E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D4E1
#C3D3E1
#C4D2E2
#C4D2E2
#C4D1E3
#C5D0E3
#C5CFE4
#C3D7DE
#C4D5DF
#C4D4E0
#C5D2E1
#C6D1E2
#C6CFE3
#C7CDE4
#C3DADB
#C4D7DC
#C5D5DE
#C6D2DF
#C7D0E1
#C9CDE2
#CACAE4
#C3DDD8
#C4DADA
#C6D6DC
#C7D3DE
#C9D0E0
#CACCE2
#CCC8E4
#C3E0D5
#C5DCD7
#C7D8DA
#C8D4DC
#CACFDF
#CCCBE1
#CEC6E4
#C3E4D1
#C5DFD4
#C7D9D7
#CAD4DA
#CCCFDD
#CECAE0
#D1C3E4
Colorpallet from #C3D1E4 to #C3E4D1 and to #D1E4C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D4E1
#C3D4E1
#C4D4E0
#C4D4E0
#C4D4E0
#C5D4DF
#C5D4DF
#C3D7DE
#C4D7DD
#C4D7DC
#C5D7DC
#C6D7DB
#C6D7DA
#C7D7D9
#C3DADB
#C4DADA
#C5DAD9
#C6DAD8
#C7DAD7
#C9DAD5
#CADAD4
#C3DDD8
#C4DDD7
#C6DDD5
#C7DDD4
#C9DDD2
#CADDD1
#CCDDCF
#C3E0D5
#C5E0D3
#C7E0D1
#C8E0D0
#CAE0CE
#CCE0CC
#CEE0CA
#C3E4D1
#C5E4CF
#C7E4CD
#CAE4CA
#CCE4C8
#CEE4C6
#D1E4C3
Colorpallet from #C3D1E4 to #C3E4D1 and to #E4C3D1
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D4E1
#C4D3E1
#C5D2E1
#C5D2E1
#C6D1E1
#C7D0E1
#C8CFE1
#C3D7DE
#C5D5DE
#C7D4DE
#C8D2DE
#CAD1DE
#CCCFDE
#CECDDE
#C3DADB
#C6D7DB
#C8D5DB
#CBD2DB
#CDD0DB
#D0CDDB
#D3CADB
#C3DDD8
#C6DAD8
#CAD6D8
#CDD3D8
#D0D0D8
#D4CCD8
#D8C8D8
#C3E0D5
#C7DCD5
#CBD8D5
#CFD4D5
#D4CFD5
#D8CBD5
#DDC6D5
#C3E4D1
#C8DFD1
#CED9D1
#D3D4D1
#D8CFD1
#DDCAD1
#E4C3D1
Colorpallet from #C3D1E4 to #C3E4D1 and to #E4D1C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D4E1
#C4D4E1
#C5D3E0
#C5D3E0
#C6D2E0
#C7D2DF
#C8D1DF
#C3D7DE
#C5D6DD
#C7D5DC
#C8D4DC
#CAD3DB
#CCD2DA
#CED1D9
#C3DADB
#C6D9DA
#C8D7D9
#CBD6D8
#CDD4D7
#D0D3D5
#D3D1D4
#C3DDD8
#C6DBD7
#CAD9D5
#CDD7D4
#D0D5D2
#D4D3D1
#D8D1CF
#C3E0D5
#C7DED3
#CBDBD1
#CFD9D0
#D4D6CE
#D8D4CC
#DDD1CA
#C3E4D1
#C8E1CF
#CEDECD
#D3DBCA
#D8D8C8
#DDD5C6
#E4D1C3
Colorpallet from #C3D1E4 to #D1C3E4 and to #D1E4C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C5CFE4
#C5D0E3
#C5D1E2
#C5D1E2
#C5D2E1
#C5D3E0
#C5D4DF
#C7CDE4
#C7CFE2
#C7D0E0
#C7D2DF
#C7D3DD
#C7D5DB
#C7D7D9
#CACAE4
#CACDE1
#CACFDF
#CAD2DC
#CAD4DA
#CAD7D7
#CADAD4
#CCC8E4
#CCCBE1
#CCCFDD
#CCD2DA
#CCD5D7
#CCD9D3
#CCDDCF
#CEC6E4
#CECAE0
#CECEDC
#CED2D8
#CED7D3
#CEDBCF
#CEE0CA
#D1C3E4
#D1C8DF
#D1CED9
#D1D3D4
#D1D8CF
#D1DDCA
#D1E4C3
Colorpallet from #C3D1E4 to #D1C3E4 and to #E4C3D1
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C5CFE4
#C5CFE4
#C6CFE3
#C6CFE3
#C7CFE2
#C7CFE2
#C8CFE1
#C7CDE4
#C8CDE3
#C9CDE2
#CACDE1
#CBCDE0
#CDCDDF
#CECDDE
#CACAE4
#CBCAE3
#CDCAE1
#CECAE0
#D0CADE
#D1CADD
#D3CADB
#CCC8E4
#CEC8E2
#D0C8E0
#D2C8DE
#D4C8DC
#D6C8DA
#D8C8D8
#CEC6E4
#D0C6E2
#D3C6DF
#D5C6DD
#D8C6DA
#DAC6D8
#DDC6D5
#D1C3E4
#D4C3E1
#D7C3DE
#DAC3DB
#DDC3D8
#E0C3D5
#E4C3D1
Colorpallet from #C3D1E4 to #D1C3E4 and to #E4D1C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C5CFE4
#C5CFE3
#C6D0E2
#C6D0E2
#C7D0E1
#C7D1E0
#C8D1DF
#C7CDE4
#C8CEE2
#C9CEE0
#CACFDF
#CBD0DD
#CDD0DB
#CED1D9
#CACAE4
#CBCBE1
#CDCCDF
#CECDDC
#D0CEDA
#D1D0D7
#D3D1D4
#CCC8E4
#CEC9E1
#D0CBDD
#D2CCDA
#D4CED7
#D6CFD3
#D8D1CF
#CEC6E4
#D0C8E0
#D3CADC
#D5CBD8
#D8CDD3
#DACFCF
#DDD1CA
#D1C3E4
#D4C5DF
#D7C7D9
#DACAD4
#DDCCCF
#E0CECA
#E4D1C3
Colorpallet from #C3D1E4 to #D1E4C3 and to #E4C3D1
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C5D4DF
#C5D3DF
#C6D2E0
#C6D2E0
#C7D1E0
#C7D0E1
#C8CFE1
#C7D7D9
#C8D5DA
#C9D4DB
#CAD2DB
#CBD1DC
#CDCFDD
#CECDDE
#CADAD4
#CBD7D5
#CDD5D6
#CED2D7
#D0D0D8
#D1CDDA
#D3CADB
#CCDDCF
#CEDAD0
#D0D6D2
#D2D3D3
#D4D0D5
#D6CCD6
#D8C8D8
#CEE0CA
#D0DCCC
#D3D8CE
#D5D4CF
#D8CFD1
#DACBD3
#DDC6D5
#D1E4C3
#D4DFC5
#D7D9C7
#DAD4CA
#DDCFCC
#E0CACE
#E4C3D1
Colorpallet from #C3D1E4 to #D1E4C3 and to #E4D1C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C5D4DF
#C5D4DF
#C6D3DF
#C6D3DF
#C7D2DF
#C7D2DF
#C8D1DF
#C7D7D9
#C8D6D9
#C9D5D9
#CAD4D9
#CBD3D9
#CDD2D9
#CED1D9
#CADAD4
#CBD9D4
#CDD7D4
#CED6D4
#D0D4D4
#D1D3D4
#D3D1D4
#CCDDCF
#CEDBCF
#D0D9CF
#D2D7CF
#D4D5CF
#D6D3CF
#D8D1CF
#CEE0CA
#D0DECA
#D3DBCA
#D5D9CA
#D8D6CA
#DAD4CA
#DDD1CA
#D1E4C3
#D4E1C3
#D7DEC3
#DADBC3
#DDD8C3
#E0D5C3
#E4D1C3
Colorpallet from #C3D1E4 to #E4C3D1 and to #E4D1C3
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C3D1E4
#C8CFE1
#C8CFE1
#C8D0E0
#C8D0E0
#C8D0E0
#C8D1DF
#C8D1DF
#CECDDE
#CECEDD
#CECEDC
#CECFDC
#CED0DB
#CED0DA
#CED1D9
#D3CADB
#D3CBDA
#D3CCD9
#D3CDD8
#D3CED7
#D3D0D5
#D3D1D4
#D8C8D8
#D8C9D7
#D8CBD5
#D8CCD4
#D8CED2
#D8CFD1
#D8D1CF
#DDC6D5
#DDC8D3
#DDCAD1
#DDCBD0
#DDCDCE
#DDCFCC
#DDD1CA
#E4C3D1
#E4C5CF
#E4C7CD
#E4CACA
#E4CCC8
#E4CEC6
#E4D1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts