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 #C8D2F0 to #C8F0D2 and to #D2C8F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D7EB
#C8D6EC
#C9D5ED
#C9D4ED
#C9D3EE
#CAD1EF
#CAD0F0
#C8DCE6
#C8DAE8
#C9D8E9
#C9D6EB
#CAD4EC
#CAD2EE
#CBCFF0
#C8E0E2
#C9DDE4
#CADAE6
#CAD7E9
#CBD4EB
#CCD1ED
#CDCDF0
#C8E5DD
#C9E1E0
#CADDE3
#CBD9E6
#CCD5E9
#CDD1EC
#CECCF0
#C8EAD8
#C9E5DC
#CBE0E0
#CCDBE4
#CDD6E7
#CED0EB
#D0CAF0
#C8F0D2
#CAEAD7
#CBE3DC
#CDDDE0
#CED6E5
#D0D0EA
#D2C8F0
Colorpallet from #C8D2F0 to #C8F0D2 and to #D2F0C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D7EB
#C8D7EB
#C9D7EB
#C9D7EB
#C9D7EA
#CAD7EA
#CAD7EA
#C8DCE6
#C8DCE6
#C9DCE5
#C9DCE5
#CADCE4
#CADCE4
#CBDCE3
#C8E0E2
#C9E0E1
#CAE0E0
#CAE0E0
#CBE0DF
#CCE0DE
#CDE0DD
#C8E5DD
#C9E5DC
#CAE5DB
#CBE5DA
#CCE5D9
#CDE5D7
#CEE5D6
#C8EAD8
#C9EAD7
#CBEAD5
#CCEAD4
#CDEAD3
#CEEAD2
#D0EAD0
#C8F0D2
#CAF0D0
#CBF0CF
#CDF0CD
#CEF0CC
#D0F0CA
#D2F0C8
Colorpallet from #C8D2F0 to #C8F0D2 and to #F0C8D2
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D7EB
#C9D6EB
#CAD5EB
#CBD4EB
#CCD3EB
#CDD1EB
#CED0EB
#C8DCE6
#CADAE6
#CCD8E6
#CED6E6
#D0D4E6
#D2D2E6
#D5CFE6
#C8E0E2
#CBDDE2
#CEDAE2
#D1D7E2
#D4D4E2
#D7D1E2
#DBCDE2
#C8E5DD
#CCE1DD
#D0DDDD
#D4D9DD
#D9D5DD
#DDD1DD
#E2CCDD
#C8EAD8
#CDE5D8
#D2E0D8
#D7DBD8
#DCD6D8
#E2D0D8
#E8CAD8
#C8F0D2
#CEEAD2
#D5E3D2
#DBDDD2
#E2D6D2
#E8D0D2
#F0C8D2
Colorpallet from #C8D2F0 to #C8F0D2 and to #F0D2C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D7EB
#C9D6EB
#CAD5EB
#CBD5EB
#CCD4EA
#CDD3EA
#CED2EA
#C8DCE6
#CADAE6
#CCD9E5
#CED7E5
#D0D6E4
#D2D4E4
#D5D2E3
#C8E0E2
#CBDEE1
#CEDCE0
#D1D9E0
#D4D7DF
#D7D5DE
#DBD2DD
#C8E5DD
#CCE2DC
#D0DFDB
#D4DCDA
#D9D9D9
#DDD6D7
#E2D2D6
#C8EAD8
#CDE6D7
#D2E2D5
#D7DED4
#DCDBD3
#E2D7D2
#E8D2D0
#C8F0D2
#CEEBD0
#D5E6CF
#DBE2CD
#E2DDCC
#E8D8CA
#F0D2C8
Colorpallet from #C8D2F0 to #D2C8F0 and to #D2F0C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CAD0F0
#CAD1EF
#CAD2EE
#CAD3ED
#CAD4EC
#CAD6EB
#CAD7EA
#CBCFF0
#CBD1EE
#CBD3EC
#CBD5EA
#CBD7E8
#CBD9E6
#CBDCE3
#CDCDF0
#CDD0ED
#CDD3EA
#CDD6E7
#CDD9E4
#CDDCE1
#CDE0DD
#CECCF0
#CED0EC
#CED4E8
#CED8E4
#CEDCDF
#CEE0DB
#CEE5D6
#D0CAF0
#D0CFEB
#D0D4E6
#D0D9E1
#D0DEDC
#D0E4D6
#D0EAD0
#D2C8F0
#D2CEEA
#D2D5E3
#D2DBDD
#D2E2D6
#D2E8D0
#D2F0C8
Colorpallet from #C8D2F0 to #D2C8F0 and to #F0C8D2
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CAD0F0
#CBD0EF
#CBD0EE
#CCD0EE
#CDD0ED
#CDD0EC
#CED0EB
#CBCFF0
#CDCFEE
#CECFED
#D0CFEB
#D1CFEA
#D3CFE8
#D5CFE6
#CDCDF0
#CFCDEE
#D1CDEC
#D4CDE9
#D6CDE7
#D8CDE5
#DBCDE2
#CECCF0
#D1CCED
#D4CCEA
#D8CCE7
#DBCCE4
#DECCE1
#E2CCDD
#D0CAF0
#D4CAEC
#D8CAE8
#DCCAE4
#DFCAE1
#E3CADD
#E8CAD8
#D2C8F0
#D7C8EB
#DCC8E6
#E0C8E2
#E5C8DD
#EAC8D8
#F0C8D2
Colorpallet from #C8D2F0 to #D2C8F0 and to #F0D2C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CAD0F0
#CBD0EF
#CBD1EE
#CCD1ED
#CDD1EC
#CDD2EB
#CED2EA
#CBCFF0
#CDCFEE
#CED0EC
#D0D0EA
#D1D1E8
#D3D1E6
#D5D2E3
#CDCDF0
#CFCEED
#D1CFEA
#D4CFE7
#D6D0E4
#D8D1E1
#DBD2DD
#CECCF0
#D1CDEC
#D4CEE8
#D8CFE4
#DBD0DF
#DED1DB
#E2D2D6
#D0CAF0
#D4CBEB
#D8CDE6
#DCCEE1
#DFCFDC
#E3D0D6
#E8D2D0
#D2C8F0
#D7CAEA
#DCCBE3
#E0CDDD
#E5CED6
#EAD0D0
#F0D2C8
Colorpallet from #C8D2F0 to #D2F0C8 and to #F0C8D2
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CAD7EA
#CBD6EA
#CBD5EA
#CCD4EA
#CDD3EB
#CDD1EB
#CED0EB
#CBDCE3
#CDDAE3
#CED8E4
#D0D6E4
#D1D4E5
#D3D2E5
#D5CFE6
#CDE0DD
#CFDDDE
#D1DADF
#D4D7DF
#D6D4E0
#D8D1E1
#DBCDE2
#CEE5D6
#D1E1D7
#D4DDD8
#D8D9D9
#DBD5DA
#DED1DC
#E2CCDD
#D0EAD0
#D4E5D1
#D8E0D3
#DCDBD4
#DFD6D5
#E3D0D6
#E8CAD8
#D2F0C8
#D7EACA
#DCE3CB
#E0DDCD
#E5D6CE
#EAD0D0
#F0C8D2
Colorpallet from #C8D2F0 to #D2F0C8 and to #F0D2C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CAD7EA
#CBD6EA
#CBD5EA
#CCD5EA
#CDD4EA
#CDD3EA
#CED2EA
#CBDCE3
#CDDAE3
#CED9E3
#D0D7E3
#D1D6E3
#D3D4E3
#D5D2E3
#CDE0DD
#CFDEDD
#D1DCDD
#D4D9DD
#D6D7DD
#D8D5DD
#DBD2DD
#CEE5D6
#D1E2D6
#D4DFD6
#D8DCD6
#DBD9D6
#DED6D6
#E2D2D6
#D0EAD0
#D4E6D0
#D8E2D0
#DCDED0
#DFDBD0
#E3D7D0
#E8D2D0
#D2F0C8
#D7EBC8
#DCE6C8
#E0E2C8
#E5DDC8
#EAD8C8
#F0D2C8
Colorpallet from #C8D2F0 to #F0C8D2 and to #F0D2C8
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#C8D2F0
#CED0EB
#CED0EB
#CED1EB
#CED1EB
#CED1EA
#CED2EA
#CED2EA
#D5CFE6
#D5CFE6
#D5D0E5
#D5D0E5
#D5D1E4
#D5D1E4
#D5D2E3
#DBCDE2
#DBCEE1
#DBCFE0
#DBCFE0
#DBD0DF
#DBD1DE
#DBD2DD
#E2CCDD
#E2CDDC
#E2CEDB
#E2CFDA
#E2D0D9
#E2D1D7
#E2D2D6
#E8CAD8
#E8CBD7
#E8CDD5
#E8CED4
#E8CFD3
#E8D0D2
#E8D2D0
#F0C8D2
#F0CAD0
#F0CBCF
#F0CDCD
#F0CECC
#F0D0CA
#F0D2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
