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 #B8E4E2 to #B8E2E4 and to #E4B8E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B9E3E2
#BAE2E2
#BBE1E2
#BCE0E2
#BEDEE2
#BFDDE2
#B8E3E3
#BAE1E3
#BCDFE3
#BFDDE3
#C1DBE2
#C3D9E2
#C6D6E2
#B8E3E3
#BBE0E3
#BFDDE3
#C2D9E3
#C5D6E2
#C9D3E2
#CDCFE2
#B8E3E3
#BCDFE3
#C1DAE3
#C5D6E3
#CAD2E2
#CECDE2
#D4C8E2
#B8E2E4
#BEDDE4
#C3D7E3
#C9D2E3
#CECDE3
#D4C8E2
#DBC1E2
#B8E2E4
#BFDBE4
#C6D5E3
#CDCEE3
#D4C7E3
#DBC0E2
#E4B8E2
Colorpallet from #B8E4E2 to #B8E2E4 and to #E4E2B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B9E4E1
#BAE4E0
#BBE4DF
#BCE4DE
#BEE4DC
#BFE4DB
#B8E3E3
#BAE3E1
#BCE3DF
#BFE3DC
#C1E3DA
#C3E3D8
#C6E3D5
#B8E3E3
#BBE3E0
#BFE3DC
#C2E3D9
#C5E3D6
#C9E3D2
#CDE3CE
#B8E3E3
#BCE3DF
#C1E3DA
#C5E3D6
#CAE3D1
#CEE3CD
#D4E3C7
#B8E2E4
#BEE2DE
#C3E2D8
#C9E2D3
#CEE2CD
#D4E2C7
#DBE2C0
#B8E2E4
#BFE2DD
#C6E2D6
#CDE2CF
#D4E2C8
#DBE2C1
#E4E2B8
Colorpallet from #B8E4E2 to #B8E2E4 and to #E2B8E4
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B9E3E2
#BAE2E2
#BBE1E2
#BCE0E2
#BEDEE2
#BFDDE2
#B8E3E3
#BAE1E3
#BCDFE3
#BEDDE3
#C0DBE3
#C2D9E3
#C5D6E3
#B8E3E3
#BBE0E3
#BEDDE3
#C2D9E3
#C5D6E3
#C8D3E3
#CCCFE3
#B8E3E3
#BCDFE3
#C1DAE3
#C5D6E3
#C9D2E3
#CECDE3
#D3C8E3
#B8E2E4
#BDDDE4
#C3D7E4
#C8D2E4
#CECDE4
#D3C8E4
#DAC1E4
#B8E2E4
#BFDBE4
#C5D5E4
#CCCEE4
#D3C7E4
#DAC0E4
#E2B8E4
Colorpallet from #B8E4E2 to #B8E2E4 and to #E2E4B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B9E4E1
#BAE4E0
#BBE4DF
#BCE4DE
#BEE4DC
#BFE4DB
#B8E3E3
#BAE3E1
#BCE3DF
#BEE3DC
#C0E4DA
#C2E4D8
#C5E4D5
#B8E3E3
#BBE3E0
#BEE3DC
#C2E3D9
#C5E4D6
#C8E4D2
#CCE4CE
#B8E3E3
#BCE3DF
#C1E3DA
#C5E3D6
#C9E4D1
#CEE4CD
#D3E4C7
#B8E2E4
#BDE2DE
#C3E3D8
#C8E3D3
#CEE3CD
#D3E4C7
#DAE4C0
#B8E2E4
#BFE2DD
#C5E3D6
#CCE3CF
#D3E3C8
#DAE4C1
#E2E4B8
Colorpallet from #B8E4E2 to #E4B8E2 and to #E4E2B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFDDE2
#BFDEE1
#BFDFE0
#BFE0DF
#BFE1DE
#BFE3DC
#BFE4DB
#C6D6E2
#C6D8E0
#C6DADE
#C6DCDC
#C6DEDA
#C6E0D8
#C6E3D5
#CDCFE2
#CDD2DF
#CDD5DC
#CDD9D8
#CDDCD5
#CDDFD2
#CDE3CE
#D4C8E2
#D4CCDE
#D4D1D9
#D4D5D5
#D4D9D1
#D4DECC
#D4E3C7
#DBC1E2
#DBC6DD
#DBCCD7
#DBD1D2
#DBD6CC
#DBDBC7
#DBE2C0
#E4B8E2
#E4BFDB
#E4C5D5
#E4CCCE
#E4D3C7
#E4DAC0
#E4E2B8
Colorpallet from #B8E4E2 to #E4B8E2 and to #E2B8E4
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFDDE2
#BFDDE2
#BFDDE2
#BFDDE2
#BFDDE2
#BFDDE2
#BFDDE2
#C6D6E2
#C6D6E2
#C6D6E2
#C6D6E2
#C5D6E3
#C5D6E3
#C5D6E3
#CDCFE2
#CDCFE2
#CDCFE2
#CDCFE2
#CCCFE3
#CCCFE3
#CCCFE3
#D4C8E2
#D4C8E2
#D4C8E2
#D4C8E2
#D3C8E3
#D3C8E3
#D3C8E3
#DBC1E2
#DBC1E2
#DBC1E3
#DBC1E3
#DAC1E3
#DAC1E4
#DAC1E4
#E4B8E2
#E4B8E2
#E3B8E3
#E3B8E3
#E3B8E3
#E2B8E4
#E2B8E4
Colorpallet from #B8E4E2 to #E4B8E2 and to #E2E4B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFDDE2
#BFDEE1
#BFDFE0
#BFE0DF
#BFE1DE
#BFE3DC
#BFE4DB
#C6D6E2
#C6D8E0
#C6DADE
#C6DDDC
#C5DFDA
#C5E1D8
#C5E4D5
#CDCFE2
#CDD2DF
#CDD6DC
#CDD9D8
#CCDCD5
#CCE0D2
#CCE4CE
#D4C8E2
#D4CCDE
#D4D1D9
#D4D5D5
#D3DAD1
#D3DECC
#D3E4C7
#DBC1E2
#DBC7DD
#DBCCD7
#DBD2D2
#DAD7CC
#DADDC7
#DAE4C0
#E4B8E2
#E4BFDB
#E3C6D5
#E3CDCE
#E3D4C7
#E2DBC0
#E2E4B8
Colorpallet from #B8E4E2 to #E4E2B8 and to #E2B8E4
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFE4DB
#BFE3DC
#BFE2DD
#BFE1DE
#BFE0DF
#BFDEE1
#BFDDE2
#C6E3D5
#C6E1D7
#C6DFD9
#C6DDDC
#C5DBDE
#C5D9E0
#C5D6E3
#CDE3CE
#CDE0D1
#CDDDD5
#CDD9D8
#CCD6DB
#CCD3DF
#CCCFE3
#D4E3C7
#D4DFCB
#D4DAD0
#D4D6D4
#D3D2D9
#D3CDDD
#D3C8E3
#DBE2C0
#DBDDC6
#DBD7CC
#DBD2D1
#DACDD7
#DAC8DD
#DAC1E4
#E4E2B8
#E4DBBF
#E3D5C6
#E3CECD
#E3C7D4
#E2C0DB
#E2B8E4
Colorpallet from #B8E4E2 to #E4E2B8 and to #E2E4B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFE4DB
#BFE4DB
#BFE4DB
#BFE4DB
#BFE4DB
#BFE4DB
#BFE4DB
#C6E3D5
#C6E3D5
#C6E3D5
#C6E3D5
#C5E4D5
#C5E4D5
#C5E4D5
#CDE3CE
#CDE3CE
#CDE3CE
#CDE3CE
#CCE4CE
#CCE4CE
#CCE4CE
#D4E3C7
#D4E3C7
#D4E3C7
#D4E3C7
#D3E4C7
#D3E4C7
#D3E4C7
#DBE2C0
#DBE2C0
#DBE3C0
#DBE3C0
#DAE3C0
#DAE4C0
#DAE4C0
#E4E2B8
#E4E2B8
#E3E3B8
#E3E3B8
#E3E3B8
#E2E4B8
#E2E4B8
Colorpallet from #B8E4E2 to #E2B8E4 and to #E2E4B8
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#B8E4E2
#BFDDE2
#BFDEE1
#BFDFE0
#BFE0DF
#BFE1DE
#BFE3DC
#BFE4DB
#C5D6E3
#C5D8E1
#C5DADF
#C5DDDC
#C5DFDA
#C5E1D8
#C5E4D5
#CCCFE3
#CCD2E0
#CCD6DC
#CCD9D9
#CCDCD6
#CCE0D2
#CCE4CE
#D3C8E3
#D3CCDF
#D3D1DA
#D3D5D6
#D3DAD1
#D3DECD
#D3E4C7
#DAC1E4
#DAC7DE
#DACCD8
#DAD2D3
#DAD7CD
#DADDC7
#DAE4C0
#E2B8E4
#E2BFDD
#E2C6D6
#E2CDCF
#E2D4C8
#E2DBC1
#E2E4B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
