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 #D2DDB9 to #D2B9DD and to #DDD2B9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2D7BF
#D2D8BE
#D3D8BD
#D3D9BC
#D3DABB
#D4DABA
#D4DBB9
#D2D1C5
#D3D2C3
#D3D4C1
#D4D5BF
#D5D6BD
#D5D7BB
#D6D9B9
#D2CCCA
#D3CEC7
#D4D0C5
#D4D2C2
#D5D4BF
#D6D6BC
#D7D8B9
#D2C6D0
#D3C9CC
#D4CBC9
#D5CEC5
#D6D0C1
#D8D3BE
#D9D6B9
#D2C0D6
#D3C3D1
#D5C6CD
#D6CAC8
#D8CDC3
#D9D0BF
#DBD4B9
#D2B9DD
#D4BDD7
#D6C1D1
#D7C5CC
#D9C9C6
#DBCDC0
#DDD2B9
Colorpallet from #D2DDB9 to #D2B9DD and to #DDB9D2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2D7BF
#D2D7BF
#D3D7BE
#D3D7BE
#D3D7BE
#D4D7BD
#D4D7BD
#D2D1C5
#D3D1C4
#D3D1C4
#D4D1C3
#D5D1C2
#D5D1C2
#D6D1C1
#D2CCCA
#D3CCC9
#D4CCC8
#D4CCC8
#D5CCC7
#D6CCC6
#D7CCC5
#D2C6D0
#D3C6CF
#D4C6CE
#D5C6CD
#D6C6CC
#D8C6CA
#D9C6C9
#D2C0D6
#D3C0D5
#D5C0D3
#D6C0D2
#D8C0D0
#D9C0CF
#DBC0CD
#D2B9DD
#D4B9DB
#D6B9D9
#D7B9D8
#D9B9D6
#DBB9D4
#DDB9D2
Colorpallet from #D2DDB9 to #D2B9DD and to #B9D2DD
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2D7BF
#D1D8BF
#D1D8BF
#D0D9BF
#CFDABF
#CFDABF
#CEDBBF
#D2D1C5
#D1D2C5
#CFD4C5
#CED5C5
#CDD6C5
#CCD7C5
#CAD9C5
#D2CCCA
#D0CECA
#CED0CA
#CCD2CA
#CAD4CA
#C8D6CA
#C6D8CA
#D2C6D0
#CFC9D0
#CDCBD0
#CACED0
#C8D0D0
#C5D3D0
#C2D6D0
#D2C0D6
#CFC3D6
#CCC6D6
#C8CAD6
#C5CDD6
#C2D0D6
#BED4D6
#D2B9DD
#CEBDDD
#CAC1DD
#C6C5DD
#C2C9DD
#BECDDD
#B9D2DD
Colorpallet from #D2DDB9 to #D2B9DD and to #B9DDD2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2D7BF
#D1D8BF
#D1D9BE
#D0DABE
#CFDBBE
#CFDCBD
#CEDDBD
#D2D1C5
#D1D3C4
#CFD5C4
#CED7C3
#CDD9C2
#CCDBC2
#CADDC1
#D2CCCA
#D0CFC9
#CED1C8
#CCD4C8
#CAD7C7
#C8DAC6
#C6DDC5
#D2C6D0
#CFCACF
#CDCDCE
#CAD1CD
#C8D5CC
#C5D8CA
#C2DDC9
#D2C0D6
#CFC5D5
#CCC9D3
#C8CED2
#C5D3D0
#C2D7CF
#BEDDCD
#D2B9DD
#CEBFDB
#CAC5D9
#C6CAD8
#C2D0D6
#BED6D4
#B9DDD2
Colorpallet from #D2DDB9 to #DDD2B9 and to #DDB9D2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D4DBB9
#D4DABA
#D4DABA
#D4D9BB
#D4D8BC
#D4D8BC
#D4D7BD
#D6D9B9
#D6D8BA
#D6D6BC
#D6D5BD
#D6D4BE
#D6D3BF
#D6D1C1
#D7D8B9
#D7D6BB
#D7D4BD
#D7D2BF
#D7D0C1
#D7CEC3
#D7CCC5
#D9D6B9
#D9D3BC
#D9D1BE
#D9CEC1
#D9CCC3
#D9C9C6
#D9C6C9
#DBD4B9
#DBD1BC
#DBCEBF
#DBCAC3
#DBC7C6
#DBC4C9
#DBC0CD
#DDD2B9
#DDCEBD
#DDCAC1
#DDC6C5
#DDC2C9
#DDBECD
#DDB9D2
Colorpallet from #D2DDB9 to #DDD2B9 and to #B9D2DD
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D4DBB9
#D3DBBA
#D2DBBB
#D1DBBC
#D0DBBD
#CFDBBE
#CEDBBF
#D6D9B9
#D4D9BB
#D2D9BD
#D0D9BF
#CED9C1
#CCD9C3
#CAD9C5
#D7D8B9
#D4D8BC
#D2D8BE
#CFD8C1
#CCD8C4
#C9D8C7
#C6D8CA
#D9D6B9
#D5D6BD
#D2D6C0
#CED6C4
#CAD6C8
#C7D6CB
#C2D6D0
#DBD4B9
#D6D4BE
#D2D4C2
#CDD4C7
#C8D4CC
#C4D4D0
#BED4D6
#DDD2B9
#D7D2BF
#D1D2C5
#CCD2CA
#C6D2D0
#C0D2D6
#B9D2DD
Colorpallet from #D2DDB9 to #DDD2B9 and to #B9DDD2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D4DBB9
#D3DBBA
#D2DCBA
#D1DCBB
#D0DCBC
#CFDDBC
#CEDDBD
#D6D9B9
#D4DABA
#D2DABC
#D0DBBD
#CEDCBE
#CCDCBF
#CADDC1
#D7D8B9
#D4D9BB
#D2DABD
#CFDABF
#CCDBC1
#C9DCC3
#C6DDC5
#D9D6B9
#D5D7BC
#D2D8BE
#CED9C1
#CADAC3
#C7DCC6
#C2DDC9
#DBD4B9
#D6D5BC
#D2D7BF
#CDD8C3
#C8DAC6
#C4DBC9
#BEDDCD
#DDD2B9
#D7D4BD
#D1D6C1
#CCD7C5
#C6D9C9
#C0DBCD
#B9DDD2
Colorpallet from #D2DDB9 to #DDB9D2 and to #B9D2DD
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D4D7BD
#D3D8BD
#D2D8BE
#D1D9BE
#D0DABE
#CFDABF
#CEDBBF
#D6D1C1
#D4D2C2
#D2D4C2
#D0D5C3
#CED6C4
#CCD7C4
#CAD9C5
#D7CCC5
#D4CEC6
#D2D0C7
#CFD2C7
#CCD4C8
#C9D6C9
#C6D8CA
#D9C6C9
#D5C9CA
#D2CBCB
#CECECC
#CAD0CD
#C7D3CF
#C2D6D0
#DBC0CD
#D6C3CE
#D2C6D0
#CDCAD1
#C8CDD3
#C4D0D4
#BED4D6
#DDB9D2
#D7BDD4
#D1C1D6
#CCC5D7
#C6C9D9
#C0CDDB
#B9D2DD
Colorpallet from #D2DDB9 to #DDB9D2 and to #B9DDD2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D4D7BD
#D3D8BD
#D2D9BD
#D1DABD
#D0DBBD
#CFDCBD
#CEDDBD
#D6D1C1
#D4D3C1
#D2D5C1
#D0D7C1
#CED9C1
#CCDBC1
#CADDC1
#D7CCC5
#D4CFC5
#D2D1C5
#CFD4C5
#CCD7C5
#C9DAC5
#C6DDC5
#D9C6C9
#D5CAC9
#D2CDC9
#CED1C9
#CAD5C9
#C7D8C9
#C2DDC9
#DBC0CD
#D6C5CD
#D2C9CD
#CDCECD
#C8D3CD
#C4D7CD
#BEDDCD
#DDB9D2
#D7BFD2
#D1C5D2
#CCCAD2
#C6D0D2
#C0D6D2
#B9DDD2
Colorpallet from #D2DDB9 to #B9D2DD and to #B9DDD2
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#D2DDB9
#CEDBBF
#CEDBBF
#CEDCBE
#CEDCBE
#CEDCBE
#CEDDBD
#CEDDBD
#CAD9C5
#CADAC4
#CADAC4
#CADBC3
#CADCC2
#CADCC2
#CADDC1
#C6D8CA
#C6D9C9
#C6DAC8
#C6DAC8
#C6DBC7
#C6DCC6
#C6DDC5
#C2D6D0
#C2D7CF
#C2D8CE
#C2D9CD
#C2DACC
#C2DCCA
#C2DDC9
#BED4D6
#BED5D5
#BED7D3
#BED8D2
#BEDAD0
#BEDBCF
#BEDDCD
#B9D2DD
#B9D4DB
#B9D6D9
#B9D7D8
#B9D9D6
#B9DBD4
#B9DDD2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
