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 #E4E0B2 to #E4B2E0 and to #E0E4B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4D9B9
#E4DAB8
#E4DCB7
#E4DDB6
#E3DEB5
#E3DFB3
#E3E1B2
#E4D1C1
#E4D4BF
#E4D6BC
#E4D9BA
#E3DBB7
#E3DEB5
#E3E1B2
#E4CAC8
#E4CEC4
#E3D2C1
#E3D6BD
#E3D9BA
#E2DDB6
#E2E2B2
#E4C3CF
#E4C8CA
#E3CDC6
#E3D2C1
#E2D7BC
#E2DDB8
#E1E3B2
#E4BBD7
#E4C1D1
#E3C8CB
#E3CEC5
#E2D5BF
#E2DBB9
#E1E3B2
#E4B2E0
#E3BAD9
#E3C2D1
#E2CACA
#E1D2C3
#E1DABB
#E0E4B2
Colorpallet from #E4E0B2 to #E4B2E0 and to #E0B2E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4D9B9
#E4D9B9
#E4D9B9
#E4D9B9
#E3D9BA
#E3D9BA
#E3D9BA
#E4D1C1
#E4D1C1
#E4D1C1
#E4D1C1
#E3D1C2
#E3D1C2
#E3D1C2
#E4CAC8
#E4CAC8
#E3CAC9
#E3CAC9
#E3CAC9
#E2CACA
#E2CACA
#E4C3CF
#E4C3CF
#E3C3D0
#E3C3D0
#E2C3D1
#E2C3D1
#E1C3D2
#E4BBD7
#E4BBD7
#E3BBD8
#E3BBD8
#E2BBD9
#E2BBD9
#E1BBDA
#E4B2E0
#E3B2E1
#E3B2E1
#E2B2E2
#E1B2E3
#E1B2E3
#E0B2E4
Colorpallet from #E4E0B2 to #E4B2E0 and to #B2E4E0
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4D9B9
#E3DAB9
#E1DCB9
#E0DDB9
#DFDEB9
#DEDFB9
#DCE1B9
#E4D1C1
#E1D4C1
#DFD6C1
#DCD9C1
#DADBC1
#D7DEC1
#D4E1C1
#E4CAC8
#E0CEC8
#DCD2C8
#D8D6C8
#D5D9C8
#D1DDC8
#CCE2C8
#E4C3CF
#DFC8CF
#DACDCF
#D5D2CF
#D0D7CF
#CADDCF
#C4E3CF
#E4BBD7
#DEC1D7
#D7C8D7
#D1CED7
#CAD5D7
#C4DBD7
#BCE3D7
#E4B2E0
#DCBAE0
#D4C2E0
#CCCAE0
#C4D2E0
#BCDAE0
#B2E4E0
Colorpallet from #E4E0B2 to #E4B2E0 and to #B2E0E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4D9B9
#E3DAB9
#E1DBB9
#E0DCB9
#DFDDBA
#DEDFBA
#DCE0BA
#E4D1C1
#E1D3C1
#DFD6C1
#DCD8C1
#DADBC2
#D7DDC2
#D4E0C2
#E4CAC8
#E0CEC8
#DCD1C9
#D8D5C9
#D5D8C9
#D1DCCA
#CCE0CA
#E4C3CF
#DFC8CF
#DACCD0
#D5D1D0
#D0D6D1
#CADAD1
#C4E0D2
#E4BBD7
#DEC1D7
#D7C7D8
#D1CDD8
#CAD3D9
#C4D9D9
#BCE0DA
#E4B2E0
#DCB9E1
#D4C1E1
#CCC8E2
#C4CFE3
#BCD7E3
#B2E0E4
Colorpallet from #E4E0B2 to #E0E4B2 and to #E0B2E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E3E1B2
#E3E0B3
#E3DEB5
#E3DDB6
#E3DCB7
#E3DBB8
#E3D9BA
#E3E1B2
#E3DEB5
#E3DCB7
#E3D9BA
#E3D7BC
#E3D4BF
#E3D1C2
#E2E2B2
#E2DEB6
#E2DABA
#E2D6BE
#E2D3C1
#E2CFC5
#E2CACA
#E1E3B2
#E1DEB7
#E1D9BC
#E1D4C1
#E1CFC6
#E1C9CC
#E1C3D2
#E1E3B2
#E1DDB8
#E1D6BF
#E1D0C5
#E1C9CC
#E1C3D2
#E1BBDA
#E0E4B2
#E0DCBA
#E0D4C2
#E0CCCA
#E0C4D2
#E0BCDA
#E0B2E4
Colorpallet from #E4E0B2 to #E0E4B2 and to #B2E4E0
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E3E1B2
#E2E1B3
#E1E1B4
#E0E1B5
#DFE1B6
#DDE1B8
#DCE1B9
#E3E1B2
#E1E1B4
#DEE1B7
#DCE1B9
#D9E1BC
#D7E1BE
#D4E1C1
#E2E2B2
#DEE2B6
#DBE2B9
#D7E2BD
#D4E2C0
#D0E2C4
#CCE2C8
#E1E3B2
#DCE3B7
#D8E3BB
#D3E3C0
#CEE3C5
#CAE3C9
#C4E3CF
#E1E3B2
#DBE3B8
#D5E3BE
#CFE3C4
#C9E3CA
#C3E3D0
#BCE3D7
#E0E4B2
#D9E4B9
#D1E4C1
#CAE4C8
#C3E4CF
#BBE4D7
#B2E4E0
Colorpallet from #E4E0B2 to #E0E4B2 and to #B2E0E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E3E1B2
#E2E1B3
#E1E1B5
#E0E1B6
#DFE0B7
#DDE0B8
#DCE0BA
#E3E1B2
#E1E1B5
#DEE1B7
#DCE1BA
#D9E0BC
#D7E0BF
#D4E0C2
#E2E2B2
#DEE2B6
#DBE1BA
#D7E1BE
#D4E1C1
#D0E0C5
#CCE0CA
#E1E3B2
#DCE3B7
#D8E2BC
#D3E2C1
#CEE1C6
#CAE1CC
#C4E0D2
#E1E3B2
#DBE3B8
#D5E2BF
#CFE2C5
#C9E1CC
#C3E1D2
#BCE0DA
#E0E4B2
#D9E3BA
#D1E3C2
#CAE2CA
#C3E1D2
#BBE1DA
#B2E0E4
Colorpallet from #E4E0B2 to #E0B2E4 and to #B2E4E0
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E3D9BA
#E2DABA
#E1DCBA
#E0DDBA
#DFDEB9
#DDDFB9
#DCE1B9
#E3D1C2
#E1D4C2
#DED6C2
#DCD9C2
#D9DBC1
#D7DEC1
#D4E1C1
#E2CACA
#DECECA
#DBD2C9
#D7D6C9
#D4D9C9
#D0DDC8
#CCE2C8
#E1C3D2
#DCC8D2
#D8CDD1
#D3D2D1
#CED7D0
#CADDD0
#C4E3CF
#E1BBDA
#DBC1DA
#D5C8D9
#CFCED9
#C9D5D8
#C3DBD8
#BCE3D7
#E0B2E4
#D9BAE3
#D1C2E3
#CACAE2
#C3D2E1
#BBDAE1
#B2E4E0
Colorpallet from #E4E0B2 to #E0B2E4 and to #B2E0E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E3D9BA
#E2DABA
#E1DBBA
#E0DCBA
#DFDDBA
#DDDFBA
#DCE0BA
#E3D1C2
#E1D3C2
#DED6C2
#DCD8C2
#D9DBC2
#D7DDC2
#D4E0C2
#E2CACA
#DECECA
#DBD1CA
#D7D5CA
#D4D8CA
#D0DCCA
#CCE0CA
#E1C3D2
#DCC8D2
#D8CCD2
#D3D1D2
#CED6D2
#CADAD2
#C4E0D2
#E1BBDA
#DBC1DA
#D5C7DA
#CFCDDA
#C9D3DA
#C3D9DA
#BCE0DA
#E0B2E4
#D9B9E4
#D1C1E4
#CAC8E4
#C3CFE4
#BBD7E4
#B2E0E4
Colorpallet from #E4E0B2 to #B2E4E0 and to #B2E0E4
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#E4E0B2
#DCE1B9
#DCE1B9
#DCE1B9
#DCE1B9
#DCE0BA
#DCE0BA
#DCE0BA
#D4E1C1
#D4E1C1
#D4E1C1
#D4E1C1
#D4E0C2
#D4E0C2
#D4E0C2
#CCE2C8
#CCE2C8
#CCE1C9
#CCE1C9
#CCE1C9
#CCE0CA
#CCE0CA
#C4E3CF
#C4E3CF
#C4E2D0
#C4E2D0
#C4E1D1
#C4E1D1
#C4E0D2
#BCE3D7
#BCE3D7
#BCE2D8
#BCE2D8
#BCE1D9
#BCE1D9
#BCE0DA
#B2E4E0
#B2E3E1
#B2E3E1
#B2E2E2
#B2E1E3
#B2E1E3
#B2E0E4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
