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 #C2DDE2 to #C2E2DD and to #DDC2E2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DEE1
#C3DDE1
#C3DCE1
#C4DCE1
#C5DBE2
#C5DAE2
#C6D9E2
#C2DFE0
#C3DDE0
#C5DBE1
#C6DAE1
#C8D8E1
#C9D6E2
#CBD4E2
#C2DFE0
#C4DDE0
#C6DAE1
#C8D8E1
#CAD5E1
#CCD3E2
#CFD0E2
#C2E0DF
#C5DDDF
#C7DAE0
#CAD6E0
#CDD3E1
#D0D0E1
#D3CCE2
#C2E1DE
#C6DDDF
#C9D9DF
#CDD5E0
#D0D0E1
#D4CCE1
#D8C7E2
#C2E2DD
#C6DDDE
#CBD8DF
#CFD3DF
#D3CEE0
#D8C8E1
#DDC2E2
Colorpallet from #C2DDE2 to #C2E2DD and to #DDE2C2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DEE1
#C3DEE0
#C3DEE0
#C4DEDF
#C5DEDE
#C5DEDE
#C6DEDD
#C2DFE0
#C3DFDF
#C5DFDD
#C6DFDC
#C8DFDB
#C9DFDA
#CBDFD8
#C2DFE0
#C4DFDE
#C6DFDC
#C8DFDA
#CADFD8
#CCDFD6
#CFDFD3
#C2E0DF
#C5E0DC
#C7E0DA
#CAE0D7
#CDE0D4
#D0E0D1
#D3E0CE
#C2E1DE
#C6E1DA
#C9E1D7
#CDE1D3
#D0E1D0
#D4E1CC
#D8E1C8
#C2E2DD
#C6E2D9
#CBE2D4
#CFE2D0
#D3E2CC
#D8E2C7
#DDE2C2
Colorpallet from #C2DDE2 to #C2E2DD and to #E2C2DD
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DEE1
#C3DDE1
#C4DCE1
#C4DCE1
#C5DBE1
#C6DAE1
#C7D9E1
#C2DFE0
#C4DDE0
#C5DBE0
#C7DAE0
#C8D8E0
#CAD6E0
#CCD4E0
#C2DFE0
#C4DDE0
#C7DAE0
#C9D8E0
#CCD5E0
#CED3E0
#D1D0E0
#C2E0DF
#C5DDDF
#C8DADF
#CCD6DF
#CFD3DF
#D2D0DF
#D6CCDF
#C2E1DE
#C6DDDE
#CAD9DE
#CED5DE
#D3D0DE
#D7CCDE
#DCC7DE
#C2E2DD
#C7DDDD
#CCD8DD
#D1D3DD
#D6CEDD
#DCC8DD
#E2C2DD
Colorpallet from #C2DDE2 to #C2E2DD and to #E2DDC2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DEE1
#C3DEE0
#C4DEE0
#C4DEDF
#C5DDDE
#C6DDDE
#C7DDDD
#C2DFE0
#C4DFDF
#C5DEDD
#C7DEDC
#C8DEDB
#CADDDA
#CCDDD8
#C2DFE0
#C4DFDE
#C7DEDC
#C9DEDA
#CCDED8
#CEDDD6
#D1DDD3
#C2E0DF
#C5E0DC
#C8DFDA
#CCDFD7
#CFDED4
#D2DED1
#D6DDCE
#C2E1DE
#C6E0DA
#CAE0D7
#CEDFD3
#D3DED0
#D7DECC
#DCDDC8
#C2E2DD
#C7E1D9
#CCE0D4
#D1E0D0
#D6DFCC
#DCDEC7
#E2DDC2
Colorpallet from #C2DDE2 to #DDC2E2 and to #DDE2C2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C6D9E2
#C6DAE1
#C6DBE0
#C6DBE0
#C6DCDF
#C6DDDE
#C6DEDD
#CBD4E2
#CBD6E0
#CBD8DF
#CBD9DD
#CBDBDC
#CBDDDA
#CBDFD8
#CFD0E2
#CFD2E0
#CFD5DD
#CFD7DB
#CFDAD8
#CFDCD6
#CFDFD3
#D3CCE2
#D3CFDF
#D3D2DC
#D3D6D8
#D3D9D5
#D3DCD2
#D3E0CE
#D8C7E2
#D8CBDE
#D8CFDA
#D8D3D6
#D8D8D1
#D8DCCD
#D8E1C8
#DDC2E2
#DDC7DD
#DDCCD8
#DDD1D3
#DDD6CE
#DDDCC8
#DDE2C2
Colorpallet from #C2DDE2 to #DDC2E2 and to #E2C2DD
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C6D9E2
#C6D9E2
#C6D9E2
#C6D9E2
#C7D9E1
#C7D9E1
#C7D9E1
#CBD4E2
#CBD4E2
#CBD4E1
#CBD4E1
#CCD4E1
#CCD4E0
#CCD4E0
#CFD0E2
#CFD0E2
#D0D0E1
#D0D0E1
#D0D0E1
#D1D0E0
#D1D0E0
#D3CCE2
#D3CCE2
#D4CCE1
#D4CCE1
#D5CCE0
#D5CCE0
#D6CCDF
#D8C7E2
#D9C7E1
#D9C7E1
#DAC7E0
#DBC7DF
#DBC7DF
#DCC7DE
#DDC2E2
#DEC2E1
#DFC2E0
#DFC2E0
#E0C2DF
#E1C2DE
#E2C2DD
Colorpallet from #C2DDE2 to #DDC2E2 and to #E2DDC2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C6D9E2
#C6DAE1
#C6DAE0
#C6DBE0
#C7DCDF
#C7DCDE
#C7DDDD
#CBD4E2
#CBD5E0
#CBD7DF
#CBD8DD
#CCDADC
#CCDBDA
#CCDDD8
#CFD0E2
#CFD2E0
#D0D4DD
#D0D6DB
#D0D8D8
#D1DAD6
#D1DDD3
#D3CCE2
#D3CFDF
#D4D1DC
#D4D4D8
#D5D7D5
#D5DAD2
#D6DDCE
#D8C7E2
#D9CBDE
#D9CEDA
#DAD2D6
#DBD5D1
#DBD9CD
#DCDDC8
#DDC2E2
#DEC6DD
#DFCBD8
#DFCFD3
#E0D3CE
#E1D8C8
#E2DDC2
Colorpallet from #C2DDE2 to #DDE2C2 and to #E2C2DD
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C6DEDD
#C6DDDE
#C6DCDE
#C6DCDF
#C7DBE0
#C7DAE0
#C7D9E1
#CBDFD8
#CBDDD9
#CBDBDB
#CBDADC
#CCD8DD
#CCD6DE
#CCD4E0
#CFDFD3
#CFDDD5
#D0DAD7
#D0D8D9
#D0D5DB
#D1D3DD
#D1D0E0
#D3E0CE
#D3DDD1
#D4DAD3
#D4D6D6
#D5D3D9
#D5D0DC
#D6CCDF
#D8E1C8
#D9DDCC
#D9D9CF
#DAD5D3
#DBD0D6
#DBCCDA
#DCC7DE
#DDE2C2
#DEDDC6
#DFD8CB
#DFD3CF
#E0CED3
#E1C8D8
#E2C2DD
Colorpallet from #C2DDE2 to #DDE2C2 and to #E2DDC2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C6DEDD
#C6DEDD
#C6DEDD
#C6DEDD
#C7DDDD
#C7DDDD
#C7DDDD
#CBDFD8
#CBDFD8
#CBDED8
#CBDED8
#CCDED8
#CCDDD8
#CCDDD8
#CFDFD3
#CFDFD3
#D0DED3
#D0DED3
#D0DED3
#D1DDD3
#D1DDD3
#D3E0CE
#D3E0CE
#D4DFCE
#D4DFCE
#D5DECE
#D5DECE
#D6DDCE
#D8E1C8
#D9E0C8
#D9E0C8
#DADFC8
#DBDEC8
#DBDEC8
#DCDDC8
#DDE2C2
#DEE1C2
#DFE0C2
#DFE0C2
#E0DFC2
#E1DEC2
#E2DDC2
Colorpallet from #C2DDE2 to #E2C2DD and to #E2DDC2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C2DDE2
#C7D9E1
#C7DAE0
#C7DAE0
#C7DBDF
#C7DCDE
#C7DCDE
#C7DDDD
#CCD4E0
#CCD5DF
#CCD7DD
#CCD8DC
#CCDADB
#CCDBDA
#CCDDD8
#D1D0E0
#D1D2DE
#D1D4DC
#D1D6DA
#D1D8D8
#D1DAD6
#D1DDD3
#D6CCDF
#D6CFDC
#D6D1DA
#D6D4D7
#D6D7D4
#D6DAD1
#D6DDCE
#DCC7DE
#DCCBDA
#DCCED7
#DCD2D3
#DCD5D0
#DCD9CC
#DCDDC8
#E2C2DD
#E2C6D9
#E2CBD4
#E2CFD0
#E2D3CC
#E2D8C7
#E2DDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts