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 #C7D8BE to #C7BED8 and to #D8C7BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D4C2
#C7D4C1
#C8D4C1
#C8D4C0
#C9D5BF
#C9D5BF
#CAD5BE
#C7D0C6
#C8D0C5
#C9D1C3
#C9D1C2
#CAD2C1
#CBD2C0
#CCD3BE
#C7CCCA
#C8CDC8
#CACDC6
#CBCEC4
#CCCFC2
#CDCFC0
#CFD0BE
#C7C7CF
#C9C8CC
#CBC9CA
#CCCAC7
#CECBC4
#D0CCC1
#D2CDBE
#C7C3D3
#C9C4D0
#CBC5CC
#CEC6C9
#D0C7C6
#D2C9C2
#D5CABE
#C7BED8
#CABFD4
#CCC1D0
#CFC2CC
#D2C4C7
#D5C5C3
#D8C7BE
Colorpallet from #C7D8BE to #C7BED8 and to #D8BEC7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D4C2
#C7D4C2
#C8D4C1
#C8D4C1
#C9D4C0
#C9D4C0
#CAD4BF
#C7D0C6
#C8D0C5
#C9D0C4
#C9D0C4
#CAD0C3
#CBD0C2
#CCD0C1
#C7CCCA
#C8CCC9
#CACCC7
#CBCCC6
#CCCCC5
#CDCCC4
#CFCCC2
#C7C7CF
#C9C7CD
#CBC7CB
#CCC7CA
#CEC7C8
#D0C7C6
#D2C7C4
#C7C3D3
#C9C3D1
#CBC3CF
#CEC3CC
#D0C3CA
#D2C3C8
#D5C3C5
#C7BED8
#CABED5
#CCBED3
#CFBED0
#D2BECD
#D5BECA
#D8BEC7
Colorpallet from #C7D8BE to #C7BED8 and to #BEC7D8
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D4C2
#C7D4C2
#C7D4C2
#C7D4C2
#C6D5C2
#C6D5C2
#C6D5C2
#C7D0C6
#C7D0C6
#C6D1C6
#C6D1C6
#C5D2C6
#C5D2C6
#C4D3C6
#C7CCCA
#C6CDCA
#C6CDCA
#C5CECA
#C4CFCA
#C4CFCA
#C3D0CA
#C7C7CF
#C6C8CF
#C5C9CF
#C4CACF
#C3CBCF
#C2CCCF
#C1CDCF
#C7C3D3
#C6C4D3
#C5C5D3
#C4C6D3
#C3C7D3
#C1C9D3
#C0CAD3
#C7BED8
#C6BFD8
#C4C1D8
#C3C2D8
#C1C4D8
#C0C5D8
#BEC7D8
Colorpallet from #C7D8BE to #C7BED8 and to #BED8C7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D4C2
#C7D5C2
#C7D5C1
#C7D6C1
#C6D7C0
#C6D7C0
#C6D8BF
#C7D0C6
#C7D1C5
#C6D3C4
#C6D4C4
#C5D5C3
#C5D6C2
#C4D8C1
#C7CCCA
#C6CEC9
#C6D0C7
#C5D2C6
#C4D4C5
#C4D6C4
#C3D8C2
#C7C7CF
#C6CACD
#C5CCCB
#C4CFCA
#C3D2C8
#C2D5C6
#C1D8C4
#C7C3D3
#C6C6D1
#C5CACF
#C4CDCC
#C3D0CA
#C1D4C8
#C0D8C5
#C7BED8
#C6C2D5
#C4C6D3
#C3CAD0
#C1CFCD
#C0D3CA
#BED8C7
Colorpallet from #C7D8BE to #D8C7BE and to #D8BEC7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#CAD5BE
#CAD5BE
#CAD5BE
#CAD5BE
#CAD4BF
#CAD4BF
#CAD4BF
#CCD3BE
#CCD3BE
#CCD2BF
#CCD2BF
#CCD1C0
#CCD1C0
#CCD0C1
#CFD0BE
#CFCFBF
#CFCFBF
#CFCEC0
#CFCDC1
#CFCDC1
#CFCCC2
#D2CDBE
#D2CCBF
#D2CBC0
#D2CAC1
#D2C9C2
#D2C8C3
#D2C7C4
#D5CABE
#D5C9BF
#D5C8C0
#D5C7C1
#D5C6C2
#D5C4C4
#D5C3C5
#D8C7BE
#D8C6BF
#D8C4C1
#D8C3C2
#D8C1C4
#D8C0C5
#D8BEC7
Colorpallet from #C7D8BE to #D8C7BE and to #BEC7D8
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#CAD5BE
#C9D5BF
#C9D5BF
#C8D5C0
#C7D5C1
#C7D5C1
#C6D5C2
#CCD3BE
#CBD3BF
#C9D3C1
#C8D3C2
#C7D3C3
#C6D3C4
#C4D3C6
#CFD0BE
#CDD0C0
#CBD0C2
#C9D0C4
#C7D0C6
#C5D0C8
#C3D0CA
#D2CDBE
#CFCDC1
#CDCDC3
#CACDC6
#C7CDC9
#C4CDCC
#C1CDCF
#D5CABE
#D2CAC1
#CECAC5
#CBCAC8
#C8CACB
#C4CACF
#C0CAD3
#D8C7BE
#D4C7C2
#D0C7C6
#CCC7CA
#C7C7CF
#C3C7D3
#BEC7D8
Colorpallet from #C7D8BE to #D8C7BE and to #BED8C7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#CAD5BE
#C9D5BE
#C9D6BE
#C8D6BE
#C7D7BF
#C7D7BF
#C6D8BF
#CCD3BE
#CBD4BE
#C9D5BF
#C8D5BF
#C7D6C0
#C6D7C0
#C4D8C1
#CFD0BE
#CDD1BF
#CBD3BF
#C9D4C0
#C7D5C1
#C5D6C1
#C3D8C2
#D2CDBE
#CFCFBF
#CDD1C0
#CAD2C1
#C7D4C2
#C4D6C3
#C1D8C4
#D5CABE
#D2CCBF
#CECEC0
#CBD1C1
#C8D3C2
#C4D5C4
#C0D8C5
#D8C7BE
#D4CABF
#D0CCC1
#CCCFC2
#C7D2C4
#C3D5C5
#BED8C7
Colorpallet from #C7D8BE to #D8BEC7 and to #BEC7D8
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#CAD4BF
#C9D4BF
#C9D4C0
#C8D4C0
#C7D5C1
#C7D5C1
#C6D5C2
#CCD0C1
#CBD0C2
#C9D1C3
#C8D1C3
#C7D2C4
#C6D2C5
#C4D3C6
#CFCCC2
#CDCDC3
#CBCDC5
#C9CEC6
#C7CFC7
#C5CFC8
#C3D0CA
#D2C7C4
#CFC8C6
#CDC9C8
#CACAC9
#C7CBCB
#C4CCCD
#C1CDCF
#D5C3C5
#D2C4C7
#CEC5C9
#CBC6CC
#C8C7CE
#C4C9D0
#C0CAD3
#D8BEC7
#D4BFCA
#D0C1CC
#CCC2CF
#C7C4D2
#C3C5D5
#BEC7D8
Colorpallet from #C7D8BE to #D8BEC7 and to #BED8C7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#CAD4BF
#C9D5BF
#C9D5BF
#C8D6BF
#C7D7BF
#C7D7BF
#C6D8BF
#CCD0C1
#CBD1C1
#C9D3C1
#C8D4C1
#C7D5C1
#C6D6C1
#C4D8C1
#CFCCC2
#CDCEC2
#CBD0C2
#C9D2C2
#C7D4C2
#C5D6C2
#C3D8C2
#D2C7C4
#CFCAC4
#CDCCC4
#CACFC4
#C7D2C4
#C4D5C4
#C1D8C4
#D5C3C5
#D2C6C5
#CECAC5
#CBCDC5
#C8D0C5
#C4D4C5
#C0D8C5
#D8BEC7
#D4C2C7
#D0C6C7
#CCCAC7
#C7CFC7
#C3D3C7
#BED8C7
Colorpallet from #C7D8BE to #BEC7D8 and to #BED8C7
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C7D8BE
#C6D5C2
#C6D5C2
#C6D6C1
#C6D6C1
#C6D7C0
#C6D7C0
#C6D8BF
#C4D3C6
#C4D4C5
#C4D5C4
#C4D5C4
#C4D6C3
#C4D7C2
#C4D8C1
#C3D0CA
#C3D1C9
#C3D3C7
#C3D4C6
#C3D5C5
#C3D6C4
#C3D8C2
#C1CDCF
#C1CFCD
#C1D1CB
#C1D2CA
#C1D4C8
#C1D6C6
#C1D8C4
#C0CAD3
#C0CCD1
#C0CECF
#C0D1CC
#C0D3CA
#C0D5C8
#C0D8C5
#BEC7D8
#BECAD5
#BECCD3
#BECFD0
#BED2CD
#BED5CA
#BED8C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts