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 #C9D2F2 to #C9F2D2 and to #D2C9F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D7ED
#C9D6EE
#C9D5EF
#C9D4EF
#CAD3F0
#CAD2F1
#CAD1F2
#C9DCE8
#C9DAEA
#CAD8EB
#CAD6ED
#CBD4EE
#CBD2F0
#CCCFF2
#C9E1E3
#CADEE5
#CADBE8
#CBD8EA
#CCD5ED
#CCD2EF
#CDCEF2
#C9E6DE
#CAE2E1
#CBDEE4
#CCDAE8
#CDD5EB
#CED1EE
#CFCCF2
#C9ECD8
#CAE7DC
#CBE1E0
#CCDCE4
#CDD7E9
#CFD2ED
#D0CBF2
#C9F2D2
#CAEBD7
#CCE5DC
#CDDEE1
#CFD8E6
#D0D1EC
#D2C9F2
Colorpallet from #C9D2F2 to #C9F2D2 and to #D2F2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D7ED
#C9D7ED
#C9D7EC
#C9D7EC
#CAD7EC
#CAD7EB
#CAD7EB
#C9DCE8
#C9DCE8
#CADCE7
#CADCE7
#CBDCE6
#CBDCE6
#CCDCE5
#C9E1E3
#CAE1E2
#CAE1E1
#CBE1E1
#CCE1E0
#CCE1DF
#CDE1DE
#C9E6DE
#CAE6DD
#CBE6DC
#CCE6DB
#CDE6DA
#CEE6D9
#CFE6D8
#C9ECD8
#CAECD7
#CBECD6
#CCECD5
#CDECD4
#CFECD2
#D0ECD1
#C9F2D2
#CAF2D1
#CCF2CF
#CDF2CE
#CFF2CC
#D0F2CB
#D2F2C9
Colorpallet from #C9D2F2 to #C9F2D2 and to #F2C9D2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D7ED
#CAD6ED
#CBD5ED
#CCD4ED
#CDD3ED
#CFD2ED
#D0D1ED
#C9DCE8
#CBDAE8
#CDD8E8
#CFD6E8
#D1D4E8
#D3D2E8
#D6CFE8
#C9E1E3
#CCDEE3
#CFDBE3
#D3D8E3
#D6D5E3
#D9D2E3
#DDCEE3
#C9E6DE
#CDE2DE
#D1DEDE
#D5DADE
#DAD5DE
#DED1DE
#E3CCDE
#C9ECD8
#CEE7D8
#D4E1D8
#D9DCD8
#DED7D8
#E3D2D8
#EACBD8
#C9F2D2
#D0EBD2
#D6E5D2
#DDDED2
#E3D8D2
#EAD1D2
#F2C9D2
Colorpallet from #C9D2F2 to #C9F2D2 and to #F2D2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D7ED
#CAD6ED
#CBD5EC
#CCD5EC
#CDD4EC
#CFD3EB
#D0D2EB
#C9DCE8
#CBDAE8
#CDD9E7
#CFD7E7
#D1D6E6
#D3D4E6
#D6D2E5
#C9E1E3
#CCDFE2
#CFDCE1
#D3DAE1
#D6D7E0
#D9D5DF
#DDD2DE
#C9E6DE
#CDE3DD
#D1E0DC
#D5DCDB
#DAD9DA
#DED6D9
#E3D2D8
#C9ECD8
#CEE8D7
#D4E4D6
#D9E0D5
#DEDBD4
#E3D7D2
#EAD2D1
#C9F2D2
#D0EDD1
#D6E8CF
#DDE3CE
#E3DECC
#EAD8CB
#F2D2C9
Colorpallet from #C9D2F2 to #D2C9F2 and to #D2F2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#CAD1F2
#CAD2F1
#CAD3F0
#CAD4EF
#CAD5EE
#CAD6EC
#CAD7EB
#CCCFF2
#CCD1F0
#CCD3EE
#CCD5EC
#CCD7EA
#CCD9E8
#CCDCE5
#CDCEF2
#CDD1EF
#CDD4EC
#CDD7E8
#CDDAE5
#CDDDE2
#CDE1DE
#CFCCF2
#CFD0EE
#CFD4EA
#CFD8E6
#CFDDE1
#CFE1DD
#CFE6D8
#D0CBF2
#D0D0ED
#D0D6E7
#D0DBE2
#D0E0DD
#D0E5D8
#D0ECD1
#D2C9F2
#D2D0EB
#D2D6E5
#D2DDDE
#D2E3D8
#D2EAD1
#D2F2C9
Colorpallet from #C9D2F2 to #D2C9F2 and to #F2C9D2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#CAD1F2
#CBD1F1
#CCD1F0
#CDD1F0
#CED1EF
#CFD1EE
#D0D1ED
#CCCFF2
#CECFF0
#CFCFEF
#D1CFED
#D2CFEC
#D4CFEA
#D6CFE8
#CDCEF2
#D0CEF0
#D2CEED
#D5CEEB
#D7CEE8
#DACEE6
#DDCEE3
#CFCCF2
#D2CCEF
#D5CCEC
#D9CCE8
#DCCCE5
#DFCCE2
#E3CCDE
#D0CBF2
#D4CBEE
#D8CBEA
#DCCBE6
#E1CBE1
#E5CBDD
#EACBD8
#D2C9F2
#D7C9ED
#DCC9E8
#E1C9E3
#E6C9DE
#ECC9D8
#F2C9D2
Colorpallet from #C9D2F2 to #D2C9F2 and to #F2D2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#CAD1F2
#CBD1F1
#CCD1F0
#CDD1EF
#CED2EE
#CFD2EC
#D0D2EB
#CCCFF2
#CECFF0
#CFD0EE
#D1D0EC
#D2D1EA
#D4D1E8
#D6D2E5
#CDCEF2
#D0CFEF
#D2CFEC
#D5D0E8
#D7D1E5
#DAD1E2
#DDD2DE
#CFCCF2
#D2CDEE
#D5CEEA
#D9CFE6
#DCD0E1
#DFD1DD
#E3D2D8
#D0CBF2
#D4CCED
#D8CDE7
#DCCEE2
#E1CFDD
#E5D1D8
#EAD2D1
#D2C9F2
#D7CAEB
#DCCCE5
#E1CDDE
#E6CFD8
#ECD0D1
#F2D2C9
Colorpallet from #C9D2F2 to #D2F2C9 and to #F2C9D2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#CAD7EB
#CBD6EB
#CCD5EC
#CDD4EC
#CED3EC
#CFD2ED
#D0D1ED
#CCDCE5
#CEDAE5
#CFD8E6
#D1D6E6
#D2D4E7
#D4D2E7
#D6CFE8
#CDE1DE
#D0DEDF
#D2DBE0
#D5D8E0
#D7D5E1
#DAD2E2
#DDCEE3
#CFE6D8
#D2E2D9
#D5DEDA
#D9DADB
#DCD5DC
#DFD1DD
#E3CCDE
#D0ECD1
#D4E7D2
#D8E1D3
#DCDCD4
#E1D7D5
#E5D2D7
#EACBD8
#D2F2C9
#D7EBCA
#DCE5CC
#E1DECD
#E6D8CF
#ECD1D0
#F2C9D2
Colorpallet from #C9D2F2 to #D2F2C9 and to #F2D2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#CAD7EB
#CBD6EB
#CCD5EB
#CDD5EB
#CED4EB
#CFD3EB
#D0D2EB
#CCDCE5
#CEDAE5
#CFD9E5
#D1D7E5
#D2D6E5
#D4D4E5
#D6D2E5
#CDE1DE
#D0DFDE
#D2DCDE
#D5DADE
#D7D7DE
#DAD5DE
#DDD2DE
#CFE6D8
#D2E3D8
#D5E0D8
#D9DCD8
#DCD9D8
#DFD6D8
#E3D2D8
#D0ECD1
#D4E8D1
#D8E4D1
#DCE0D1
#E1DBD1
#E5D7D1
#EAD2D1
#D2F2C9
#D7EDC9
#DCE8C9
#E1E3C9
#E6DEC9
#ECD8C9
#F2D2C9
Colorpallet from #C9D2F2 to #F2C9D2 and to #F2D2C9
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#C9D2F2
#D0D1ED
#D0D1ED
#D0D1EC
#D0D1EC
#D0D2EC
#D0D2EB
#D0D2EB
#D6CFE8
#D6CFE8
#D6D0E7
#D6D0E7
#D6D1E6
#D6D1E6
#D6D2E5
#DDCEE3
#DDCFE2
#DDCFE1
#DDD0E1
#DDD1E0
#DDD1DF
#DDD2DE
#E3CCDE
#E3CDDD
#E3CEDC
#E3CFDB
#E3D0DA
#E3D1D9
#E3D2D8
#EACBD8
#EACCD7
#EACDD6
#EACED5
#EACFD4
#EAD1D2
#EAD2D1
#F2C9D2
#F2CAD1
#F2CCCF
#F2CDCE
#F2CFCC
#F2D0CB
#F2D2C9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts