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 #D7CCE2 to #D7E2CC and to #CCD7E2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7D0DE
#D7D0DF
#D6CFDF
#D6CFE0
#D6CFE1
#D5CEE1
#D5CEE2
#D7D3DB
#D6D3DC
#D6D2DD
#D5D2DE
#D4D1DF
#D4D1E1
#D3D0E2
#D7D7D7
#D6D6D9
#D5D5DB
#D5D4DC
#D4D3DE
#D3D2E0
#D2D1E2
#D7DAD4
#D6D9D6
#D5D8D8
#D4D7DB
#D3D6DD
#D1D4DF
#D0D3E2
#D7DED0
#D6DDD3
#D4DBD6
#D3DAD9
#D1D8DC
#D0D7DE
#CED5E2
#D7E2CC
#D5E0D0
#D3DED3
#D2DDD7
#D0DBDA
#CED9DE
#CCD7E2
Colorpallet from #D7CCE2 to #D7E2CC and to #CCE2D7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7D0DE
#D7D0DE
#D6D0DF
#D6D0DF
#D6D0DF
#D5D0E0
#D5D0E0
#D7D3DB
#D6D3DB
#D6D3DC
#D5D3DC
#D4D3DD
#D4D3DD
#D3D3DE
#D7D7D7
#D6D7D8
#D5D7D9
#D5D7DA
#D4D7DB
#D3D7DC
#D2D7DD
#D7DAD4
#D6DAD5
#D5DAD6
#D4DAD7
#D3DAD8
#D1DADA
#D0DADB
#D7DED0
#D6DED1
#D4DED3
#D3DED4
#D1DED6
#D0DED7
#CEDED9
#D7E2CC
#D5E2CE
#D3E2D0
#D2E2D1
#D0E2D3
#CEE2D5
#CCE2D7
Colorpallet from #D7CCE2 to #D7E2CC and to #E2D7CC
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7D0DE
#D7D0DE
#D8CFDE
#D8CFDE
#D8CFDE
#D9CEDE
#D9CEDE
#D7D3DB
#D8D3DB
#D8D2DB
#D9D2DB
#DAD1DB
#DAD1DB
#DBD0DB
#D7D7D7
#D8D6D7
#D9D5D7
#D9D4D7
#DAD3D7
#DBD2D7
#DCD1D7
#D7DAD4
#D8D9D4
#D9D8D4
#DAD7D4
#DBD6D4
#DDD4D4
#DED3D4
#D7DED0
#D8DDD0
#DADBD0
#DBDAD0
#DDD8D0
#DED7D0
#E0D5D0
#D7E2CC
#D9E0CC
#DBDECC
#DCDDCC
#DEDBCC
#E0D9CC
#E2D7CC
Colorpallet from #D7CCE2 to #D7E2CC and to #E2CCD7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7D0DE
#D7CFDE
#D8CFDF
#D8CEDF
#D8CDDF
#D9CDE0
#D9CCE0
#D7D3DB
#D8D2DB
#D8D1DC
#D9D0DC
#DACFDD
#DACDDD
#DBCCDE
#D7D7D7
#D8D5D8
#D9D3D9
#D9D2DA
#DAD0DB
#DBCEDC
#DCCCDD
#D7DAD4
#D8D8D5
#D9D6D6
#DAD3D7
#DBD1D8
#DDCFDA
#DECCDB
#D7DED0
#D8DBD1
#DAD8D3
#DBD5D4
#DDD2D6
#DED0D7
#E0CCD9
#D7E2CC
#D9DECE
#DBDBD0
#DCD7D1
#DED4D3
#E0D0D5
#E2CCD7
Colorpallet from #D7CCE2 to #CCD7E2 and to #CCE2D7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D5CEE2
#D5CEE2
#D5CFE1
#D5CFE1
#D5CFE1
#D5D0E0
#D5D0E0
#D3D0E2
#D3D0E1
#D3D1E1
#D3D1E0
#D3D2DF
#D3D2DF
#D3D3DE
#D2D1E2
#D2D2E1
#D2D3E0
#D2D4E0
#D2D5DF
#D2D6DE
#D2D7DD
#D0D3E2
#D0D4E1
#D0D5E0
#D0D6DF
#D0D7DE
#D0D9DC
#D0DADB
#CED5E2
#CED6E1
#CED8DF
#CED9DE
#CEDBDC
#CEDCDB
#CEDED9
#CCD7E2
#CCD9E0
#CCDBDE
#CCDCDD
#CCDEDB
#CCE0D9
#CCE2D7
Colorpallet from #D7CCE2 to #CCD7E2 and to #E2D7CC
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D5CEE2
#D6CEE1
#D6CEE1
#D7CEE0
#D8CEDF
#D8CEDF
#D9CEDE
#D3D0E2
#D4D0E1
#D6D0E0
#D7D0DF
#D8D0DE
#D9D0DC
#DBD0DB
#D2D1E2
#D4D1E0
#D5D1DE
#D7D1DD
#D8D1DB
#DAD1D9
#DCD1D7
#D0D3E2
#D2D3E0
#D4D3DE
#D7D3DB
#D9D3D9
#DBD3D7
#DED3D4
#CED5E2
#D1D5DF
#D4D5DC
#D7D5D9
#DAD5D6
#DCD5D4
#E0D5D0
#CCD7E2
#D0D7DE
#D3D7DB
#D7D7D7
#DAD7D4
#DED7D0
#E2D7CC
Colorpallet from #D7CCE2 to #CCD7E2 and to #E2CCD7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D5CEE2
#D6CEE2
#D6CDE1
#D7CDE1
#D8CDE1
#D8CCE0
#D9CCE0
#D3D0E2
#D4CFE1
#D6CFE1
#D7CEE0
#D8CDDF
#D9CDDF
#DBCCDE
#D2D1E2
#D4D0E1
#D5CFE0
#D7CFE0
#D8CEDF
#DACDDE
#DCCCDD
#D0D3E2
#D2D2E1
#D4D1E0
#D7D0DF
#D9CFDE
#DBCDDC
#DECCDB
#CED5E2
#D1D4E1
#D4D2DF
#D7D1DE
#DACFDC
#DCCEDB
#E0CCD9
#CCD7E2
#D0D5E0
#D3D3DE
#D7D2DD
#DAD0DB
#DECED9
#E2CCD7
Colorpallet from #D7CCE2 to #CCE2D7 and to #E2D7CC
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D5D0E0
#D6D0E0
#D6CFDF
#D7CFDF
#D8CFDF
#D8CEDE
#D9CEDE
#D3D3DE
#D4D3DE
#D6D2DD
#D7D2DD
#D8D1DC
#D9D1DC
#DBD0DB
#D2D7DD
#D4D6DC
#D5D5DB
#D7D4DA
#D8D3D9
#DAD2D8
#DCD1D7
#D0DADB
#D2D9DA
#D4D8D9
#D7D7D8
#D9D6D7
#DBD4D5
#DED3D4
#CEDED9
#D1DDD8
#D4DBD6
#D7DAD5
#DAD8D3
#DCD7D2
#E0D5D0
#CCE2D7
#D0E0D5
#D3DED3
#D7DDD2
#DADBD0
#DED9CE
#E2D7CC
Colorpallet from #D7CCE2 to #CCE2D7 and to #E2CCD7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D5D0E0
#D6CFE0
#D6CFE0
#D7CEE0
#D8CDE0
#D8CDE0
#D9CCE0
#D3D3DE
#D4D2DE
#D6D1DE
#D7D0DE
#D8CFDE
#D9CDDE
#DBCCDE
#D2D7DD
#D4D5DD
#D5D3DD
#D7D2DD
#D8D0DD
#DACEDD
#DCCCDD
#D0DADB
#D2D8DB
#D4D6DB
#D7D3DB
#D9D1DB
#DBCFDB
#DECCDB
#CEDED9
#D1DBD9
#D4D8D9
#D7D5D9
#DAD2D9
#DCD0D9
#E0CCD9
#CCE2D7
#D0DED7
#D3DBD7
#D7D7D7
#DAD4D7
#DED0D7
#E2CCD7
Colorpallet from #D7CCE2 to #E2D7CC and to #E2CCD7
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D7CCE2
#D9CEDE
#D9CEDE
#D9CDDF
#D9CDDF
#D9CDDF
#D9CCE0
#D9CCE0
#DBD0DB
#DBCFDB
#DBCFDC
#DBCEDC
#DBCDDD
#DBCDDD
#DBCCDE
#DCD1D7
#DCD0D8
#DCCFD9
#DCCFDA
#DCCEDB
#DCCDDC
#DCCCDD
#DED3D4
#DED2D5
#DED1D6
#DED0D7
#DECFD8
#DECDDA
#DECCDB
#E0D5D0
#E0D4D1
#E0D2D3
#E0D1D4
#E0CFD6
#E0CED7
#E0CCD9
#E2D7CC
#E2D5CE
#E2D3D0
#E2D2D1
#E2D0D3
#E2CED5
#E2CCD7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
