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 #D8C2F1 to #D8F1C2 and to #C2D8F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8CAE9
#D7C9EA
#D7C9EC
#D6C8ED
#D5C7EE
#D5C7EF
#D4C6F1
#D8D1E2
#D7D0E4
#D6CEE7
#D5CDE9
#D4CCEC
#D2CBEE
#D1C9F1
#D8D9DA
#D6D7DE
#D4D5E1
#D3D3E5
#D1D1E9
#CFCFEC
#CDCDF1
#D8E0D3
#D6DDD8
#D4DBDD
#D1D8E1
#CFD6E6
#CDD3EB
#CAD0F1
#D8E8CB
#D5E5D1
#D2E2D7
#CFDEDD
#CCDBE3
#CAD8E9
#C6D4F1
#D8F1C2
#D4EDCA
#D1E9D1
#CDE5D9
#CAE1E0
#C6DDE8
#C2D8F1
Colorpallet from #D8C2F1 to #D8F1C2 and to #C2F1D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8CAE9
#D7CAEA
#D7CAEA
#D6CAEB
#D5CAEC
#D5CAEC
#D4CAED
#D8D1E2
#D7D1E3
#D6D1E4
#D5D1E5
#D4D1E6
#D2D1E8
#D1D1E9
#D8D9DA
#D6D9DC
#D4D9DE
#D3D9DF
#D1D9E1
#CFD9E3
#CDD9E5
#D8E0D3
#D6E0D5
#D4E0D7
#D1E0DA
#CFE0DC
#CDE0DE
#CAE0E1
#D8E8CB
#D5E8CE
#D2E8D1
#CFE8D4
#CCE8D7
#CAE8D9
#C6E8DD
#D8F1C2
#D4F1C6
#D1F1C9
#CDF1CD
#CAF1D0
#C6F1D4
#C2F1D8
Colorpallet from #D8C2F1 to #D8F1C2 and to #F1D8C2
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8CAE9
#D9C9E9
#D9C9E9
#DAC8E9
#DBC7E9
#DBC7E9
#DCC6E9
#D8D1E2
#D9D0E2
#DBCEE2
#DCCDE2
#DDCCE2
#DECBE2
#E0C9E2
#D8D9DA
#DAD7DA
#DCD5DA
#DED3DA
#E0D1DA
#E2CFDA
#E4CDDA
#D8E0D3
#DBDDD3
#DDDBD3
#E0D8D3
#E2D6D3
#E5D3D3
#E8D0D3
#D8E8CB
#DBE5CB
#DEE2CB
#E2DECB
#E5DBCB
#E8D8CB
#ECD4CB
#D8F1C2
#DCEDC2
#E0E9C2
#E4E5C2
#E8E1C2
#ECDDC2
#F1D8C2
Colorpallet from #D8C2F1 to #D8F1C2 and to #F1C2D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8CAE9
#D9C9EA
#D9C7EA
#DAC6EB
#DBC5EC
#DBC4EC
#DCC2ED
#D8D1E2
#D9CFE3
#DBCCE4
#DCCAE5
#DDC7E6
#DEC5E8
#E0C2E9
#D8D9DA
#DAD5DC
#DCD2DE
#DECEDF
#E0CAE1
#E2C7E3
#E4C2E5
#D8E0D3
#DBDBD5
#DDD6D7
#E0D2DA
#E2CDDC
#E5C8DE
#E8C2E1
#D8E8CB
#DBE2CE
#DEDCD1
#E2D6D4
#E5D0D7
#E8CAD9
#ECC2DD
#D8F1C2
#DCE9C6
#E0E2C9
#E4DACD
#E8D3D0
#ECCBD4
#F1C2D8
Colorpallet from #D8C2F1 to #C2D8F1 and to #C2F1D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D4C6F1
#D4C7F0
#D4C7F0
#D4C8EF
#D4C9EE
#D4C9EE
#D4CAED
#D1C9F1
#D1CAF0
#D1CCEE
#D1CDED
#D1CEEC
#D1CFEB
#D1D1E9
#CDCDF1
#CDCFEF
#CDD1ED
#CDD3EB
#CDD5E9
#CDD7E7
#CDD9E5
#CAD0F1
#CAD3EE
#CAD5EC
#CAD8E9
#CADAE7
#CADDE4
#CAE0E1
#C6D4F1
#C6D7EE
#C6DAEB
#C6DEE7
#C6E1E4
#C6E4E1
#C6E8DD
#C2D8F1
#C2DCED
#C2E0E9
#C2E4E5
#C2E8E1
#C2ECDD
#C2F1D8
Colorpallet from #D8C2F1 to #C2D8F1 and to #F1D8C2
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D4C6F1
#D5C6F0
#D7C6EE
#D8C6ED
#D9C6EC
#DAC6EB
#DCC6E9
#D1C9F1
#D3C9EF
#D6C9EC
#D8C9EA
#DBC9E7
#DDC9E5
#E0C9E2
#CDCDF1
#D1CDED
#D4CDEA
#D8CDE6
#DCCDE2
#DFCDDF
#E4CDDA
#CAD0F1
#CFD0EC
#D4D0E7
#D8D0E3
#DDD0DE
#E2D0D9
#E8D0D3
#C6D4F1
#CCD4EB
#D2D4E5
#D8D4DF
#DED4D9
#E4D4D3
#ECD4CB
#C2D8F1
#CAD8E9
#D1D8E2
#D9D8DA
#E0D8D3
#E8D8CB
#F1D8C2
Colorpallet from #D8C2F1 to #C2D8F1 and to #F1C2D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D4C6F1
#D5C5F0
#D7C5F0
#D8C4EF
#D9C3EE
#DAC3EE
#DCC2ED
#D1C9F1
#D3C8F0
#D6C7EE
#D8C6ED
#DBC5EC
#DDC3EB
#E0C2E9
#CDCDF1
#D1CBEF
#D4C9ED
#D8C8EB
#DCC6E9
#DFC4E7
#E4C2E5
#CAD0F1
#CFCEEE
#D4CCEC
#D8C9E9
#DDC7E7
#E2C5E4
#E8C2E1
#C6D4F1
#CCD1EE
#D2CEEB
#D8CBE7
#DEC8E4
#E4C6E1
#ECC2DD
#C2D8F1
#CAD4ED
#D1D1E9
#D9CDE5
#E0CAE1
#E8C6DD
#F1C2D8
Colorpallet from #D8C2F1 to #C2F1D8 and to #F1D8C2
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D4CAED
#D5C9EC
#D7C9EC
#D8C8EB
#D9C7EA
#DAC7EA
#DCC6E9
#D1D1E9
#D3D0E8
#D6CEE7
#D8CDE6
#DBCCE5
#DDCBE3
#E0C9E2
#CDD9E5
#D1D7E3
#D4D5E1
#D8D3E0
#DCD1DE
#DFCFDC
#E4CDDA
#CAE0E1
#CFDDDF
#D4DBDD
#D8D8DA
#DDD6D8
#E2D3D6
#E8D0D3
#C6E8DD
#CCE5DA
#D2E2D7
#D8DED4
#DEDBD1
#E4D8CF
#ECD4CB
#C2F1D8
#CAEDD4
#D1E9D1
#D9E5CD
#E0E1CA
#E8DDC6
#F1D8C2
Colorpallet from #D8C2F1 to #C2F1D8 and to #F1C2D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D4CAED
#D5C9ED
#D7C7ED
#D8C6ED
#D9C5ED
#DAC4ED
#DCC2ED
#D1D1E9
#D3CFE9
#D6CCE9
#D8CAE9
#DBC7E9
#DDC5E9
#E0C2E9
#CDD9E5
#D1D5E5
#D4D2E5
#D8CEE5
#DCCAE5
#DFC7E5
#E4C2E5
#CAE0E1
#CFDBE1
#D4D6E1
#D8D2E1
#DDCDE1
#E2C8E1
#E8C2E1
#C6E8DD
#CCE2DD
#D2DCDD
#D8D6DD
#DED0DD
#E4CADD
#ECC2DD
#C2F1D8
#CAE9D8
#D1E2D8
#D9DAD8
#E0D3D8
#E8CBD8
#F1C2D8
Colorpallet from #D8C2F1 to #F1D8C2 and to #F1C2D8
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#D8C2F1
#DCC6E9
#DCC5EA
#DCC5EA
#DCC4EB
#DCC3EC
#DCC3EC
#DCC2ED
#E0C9E2
#E0C8E3
#E0C7E4
#E0C6E5
#E0C5E6
#E0C3E8
#E0C2E9
#E4CDDA
#E4CBDC
#E4C9DE
#E4C8DF
#E4C6E1
#E4C4E3
#E4C2E5
#E8D0D3
#E8CED5
#E8CCD7
#E8C9DA
#E8C7DC
#E8C5DE
#E8C2E1
#ECD4CB
#ECD1CE
#ECCED1
#ECCBD4
#ECC8D7
#ECC6D9
#ECC2DD
#F1D8C2
#F1D4C6
#F1D1C9
#F1CDCD
#F1CAD0
#F1C6D4
#F1C2D8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts