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 #C4D7E8 to #C4E8D7 and to #D7C4E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4DAE5
#C4D9E5
#C5D8E6
#C5D7E6
#C6D6E7
#C6D5E7
#C7D4E8
#C4DCE3
#C5DAE4
#C6D8E5
#C7D7E5
#C8D5E6
#C9D3E7
#CAD1E8
#C4DFE0
#C5DCE1
#C7DAE3
#C8D7E4
#CAD4E5
#CBD1E6
#CDCEE8
#C4E2DD
#C6DEDF
#C8DBE1
#CAD7E2
#CCD3E4
#CED0E6
#D0CBE8
#C4E5DA
#C6E0DC
#C9DCDE
#CBD7E1
#CED2E3
#D0CEE5
#D3C8E8
#C4E8D7
#C7E2DA
#CADCDC
#CDD7DF
#D0D1E2
#D3CBE5
#D7C4E8
Colorpallet from #C4D7E8 to #C4E8D7 and to #D7E8C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4DAE5
#C4DAE5
#C5DAE4
#C5DAE4
#C6DAE3
#C6DAE3
#C7DAE2
#C4DCE3
#C5DCE2
#C6DCE1
#C7DCE0
#C8DCDF
#C9DCDD
#CADCDC
#C4DFE0
#C5DFDF
#C7DFDD
#C8DFDC
#CADFDA
#CBDFD9
#CDDFD7
#C4E2DD
#C6E2DB
#C8E2D9
#CAE2D7
#CCE2D5
#CEE2D3
#D0E2D1
#C4E5DA
#C6E5D8
#C9E5D5
#CBE5D3
#CEE5D0
#D0E5CE
#D3E5CB
#C4E8D7
#C7E8D4
#CAE8D1
#CDE8CE
#D0E8CB
#D3E8C8
#D7E8C4
Colorpallet from #C4D7E8 to #C4E8D7 and to #E8C4D7
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4DAE5
#C5D9E5
#C6D8E5
#C7D7E5
#C8D6E5
#C9D5E5
#CAD4E5
#C4DCE3
#C6DAE3
#C8D8E3
#CAD7E3
#CCD5E3
#CED3E3
#D0D1E3
#C4DFE0
#C7DCE0
#C9DAE0
#CCD7E0
#CFD4E0
#D2D1E0
#D5CEE0
#C4E2DD
#C8DEDD
#CBDBDD
#CFD7DD
#D3D3DD
#D6D0DD
#DBCBDD
#C4E5DA
#C9E0DA
#CDDCDA
#D2D7DA
#D7D2DA
#DBCEDA
#E1C8DA
#C4E8D7
#CAE2D7
#D0DCD7
#D5D7D7
#DBD1D7
#E1CBD7
#E8C4D7
Colorpallet from #C4D7E8 to #C4E8D7 and to #E8D7C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4DAE5
#C5DAE5
#C6D9E4
#C7D9E4
#C8D8E3
#C9D8E3
#CAD7E2
#C4DCE3
#C6DBE2
#C8DAE1
#CADAE0
#CCD9DF
#CED8DD
#D0D7DC
#C4DFE0
#C7DEDF
#C9DCDD
#CCDBDC
#CFDADA
#D2D9D9
#D5D7D7
#C4E2DD
#C8E0DB
#CBDED9
#CFDDD7
#D3DBD5
#D6D9D3
#DBD7D1
#C4E5DA
#C9E3D8
#CDE1D5
#D2DED3
#D7DCD0
#DBDACE
#E1D7CB
#C4E8D7
#CAE5D4
#D0E3D1
#D5E0CE
#DBDDCB
#E1DAC8
#E8D7C4
Colorpallet from #C4D7E8 to #D7C4E8 and to #D7E8C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C7D4E8
#C7D5E7
#C7D6E6
#C7D7E5
#C7D8E4
#C7D9E3
#C7DAE2
#CAD1E8
#CAD3E6
#CAD5E4
#CAD6E2
#CAD8E0
#CADADE
#CADCDC
#CDCEE8
#CDD1E5
#CDD3E3
#CDD6E0
#CDD9DD
#CDDCDA
#CDDFD7
#D0CBE8
#D0CFE4
#D0D2E1
#D0D6DD
#D0DAD9
#D0DDD6
#D0E2D1
#D3C8E8
#D3CDE3
#D3D1DF
#D3D6DA
#D3DBD5
#D3DFD1
#D3E5CB
#D7C4E8
#D7CAE2
#D7D0DC
#D7D5D7
#D7DBD1
#D7E1CB
#D7E8C4
Colorpallet from #C4D7E8 to #D7C4E8 and to #E8C4D7
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C7D4E8
#C7D4E8
#C8D4E7
#C8D4E7
#C9D4E6
#C9D4E6
#CAD4E5
#CAD1E8
#CBD1E7
#CCD1E6
#CDD1E6
#CED1E5
#CFD1E4
#D0D1E3
#CDCEE8
#CECEE7
#D0CEE5
#D1CEE4
#D2CEE3
#D3CEE2
#D5CEE0
#D0CBE8
#D2CBE6
#D4CBE4
#D5CBE3
#D7CBE1
#D9CBDF
#DBCBDD
#D3C8E8
#D5C8E6
#D7C8E4
#DAC8E1
#DCC8DF
#DEC8DD
#E1C8DA
#D7C4E8
#DAC4E5
#DCC4E3
#DFC4E0
#E2C4DD
#E5C4DA
#E8C4D7
Colorpallet from #C4D7E8 to #D7C4E8 and to #E8D7C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C7D4E8
#C7D4E7
#C8D5E6
#C8D5E5
#C9D6E4
#C9D6E3
#CAD7E2
#CAD1E8
#CBD2E6
#CCD3E4
#CDD4E2
#CED5E0
#CFD6DE
#D0D7DC
#CDCEE8
#CECFE5
#D0D1E3
#D1D2E0
#D2D4DD
#D3D5DA
#D5D7D7
#D0CBE8
#D2CDE4
#D4CFE1
#D5D1DD
#D7D3D9
#D9D5D6
#DBD7D1
#D3C8E8
#D5CAE3
#D7CDDF
#DACFDA
#DCD2D5
#DED4D1
#E1D7CB
#D7C4E8
#DAC7E2
#DCCADC
#DFCDD7
#E2D0D1
#E5D3CB
#E8D7C4
Colorpallet from #C4D7E8 to #D7E8C4 and to #E8C4D7
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C7DAE2
#C7D9E2
#C8D8E3
#C8D7E3
#C9D6E4
#C9D5E4
#CAD4E5
#CADCDC
#CBDADD
#CCD8DE
#CDD7DF
#CED5E0
#CFD3E2
#D0D1E3
#CDDFD7
#CEDCD8
#D0DADA
#D1D7DB
#D2D4DD
#D3D1DE
#D5CEE0
#D0E2D1
#D2DED3
#D4DBD5
#D5D7D7
#D7D3D9
#D9D0DB
#DBCBDD
#D3E5CB
#D5E0CD
#D7DCD0
#DAD7D2
#DCD2D5
#DECED7
#E1C8DA
#D7E8C4
#DAE2C7
#DCDCCA
#DFD7CD
#E2D1D0
#E5CBD3
#E8C4D7
Colorpallet from #C4D7E8 to #D7E8C4 and to #E8D7C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C7DAE2
#C7DAE2
#C8D9E2
#C8D9E2
#C9D8E2
#C9D8E2
#CAD7E2
#CADCDC
#CBDBDC
#CCDADC
#CDDADC
#CED9DC
#CFD8DC
#D0D7DC
#CDDFD7
#CEDED7
#D0DCD7
#D1DBD7
#D2DAD7
#D3D9D7
#D5D7D7
#D0E2D1
#D2E0D1
#D4DED1
#D5DDD1
#D7DBD1
#D9D9D1
#DBD7D1
#D3E5CB
#D5E3CB
#D7E1CB
#DADECB
#DCDCCB
#DEDACB
#E1D7CB
#D7E8C4
#DAE5C4
#DCE3C4
#DFE0C4
#E2DDC4
#E5DAC4
#E8D7C4
Colorpallet from #C4D7E8 to #E8C4D7 and to #E8D7C4
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#C4D7E8
#CAD4E5
#CAD4E5
#CAD5E4
#CAD5E4
#CAD6E3
#CAD6E3
#CAD7E2
#D0D1E3
#D0D2E2
#D0D3E1
#D0D4E0
#D0D5DF
#D0D6DD
#D0D7DC
#D5CEE0
#D5CFDF
#D5D1DD
#D5D2DC
#D5D4DA
#D5D5D9
#D5D7D7
#DBCBDD
#DBCDDB
#DBCFD9
#DBD1D7
#DBD3D5
#DBD5D3
#DBD7D1
#E1C8DA
#E1CAD8
#E1CDD5
#E1CFD3
#E1D2D0
#E1D4CE
#E1D7CB
#E8C4D7
#E8C7D4
#E8CAD1
#E8CDCE
#E8D0CB
#E8D3C8
#E8D7C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
