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 #C3D4E1 to #C3E1D4 and to #D4C3E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D6DF
#C3D5DF
#C4D4E0
#C4D4E0
#C5D3E0
#C5D2E1
#C6D1E1
#C3D8DD
#C4D7DE
#C5D5DE
#C5D4DF
#C6D2E0
#C7D1E0
#C8CFE1
#C3DADB
#C4D8DC
#C6D6DD
#C7D3DE
#C8D1DF
#C9CFE0
#CBCCE1
#C3DCD9
#C5D9DA
#C7D6DC
#C8D3DD
#CAD0DE
#CCCDDF
#CEC9E1
#C3DED7
#C5DAD9
#C7D6DA
#CAD2DC
#CCCFDD
#CECBDF
#D1C6E1
#C3E1D4
#C6DCD6
#C8D7D8
#CBD3DA
#CECEDC
#D1C9DE
#D4C3E1
Colorpallet from #C3D4E1 to #C3E1D4 and to #D4E1C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D6DF
#C3D6DF
#C4D6DE
#C4D6DE
#C5D6DD
#C5D6DD
#C6D6DC
#C3D8DD
#C4D8DC
#C5D8DB
#C5D8DA
#C6D8D9
#C7D8D8
#C8D8D7
#C3DADB
#C4DADA
#C6DAD8
#C7DAD7
#C8DAD6
#C9DAD5
#CBDAD3
#C3DCD9
#C5DCD7
#C7DCD5
#C8DCD4
#CADCD2
#CCDCD0
#CEDCCE
#C3DED7
#C5DED5
#C7DED3
#CADED0
#CCDECE
#CEDECC
#D1DEC9
#C3E1D4
#C6E1D1
#C8E1CF
#CBE1CC
#CEE1C9
#D1E1C6
#D4E1C3
Colorpallet from #C3D4E1 to #C3E1D4 and to #E1C3D4
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D6DF
#C4D5DF
#C5D4DF
#C5D4DF
#C6D3DF
#C7D2DF
#C8D1DF
#C3D8DD
#C5D7DD
#C6D5DD
#C8D4DD
#C9D2DD
#CBD1DD
#CDCFDD
#C3DADB
#C5D8DB
#C7D6DB
#CAD3DB
#CCD1DB
#CECFDB
#D1CCDB
#C3DCD9
#C6D9D9
#C9D6D9
#CCD3D9
#CFD0D9
#D2CDD9
#D6C9D9
#C3DED7
#C7DAD7
#CBD6D7
#CFD2D7
#D2CFD7
#D6CBD7
#DBC6D7
#C3E1D4
#C8DCD4
#CDD7D4
#D1D3D4
#D6CED4
#DBC9D4
#E1C3D4
Colorpallet from #C3D4E1 to #C3E1D4 and to #E1D4C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D6DF
#C4D6DF
#C5D5DE
#C5D5DE
#C6D5DD
#C7D4DD
#C8D4DC
#C3D8DD
#C5D7DC
#C6D7DB
#C8D6DA
#C9D5D9
#CBD5D8
#CDD4D7
#C3DADB
#C5D9DA
#C7D8D8
#CAD7D7
#CCD6D6
#CED5D5
#D1D4D3
#C3DCD9
#C6DBD7
#C9D9D5
#CCD8D4
#CFD7D2
#D2D6D0
#D6D4CE
#C3DED7
#C7DCD5
#CBDBD3
#CFD9D0
#D2D8CE
#D6D6CC
#DBD4C9
#C3E1D4
#C8DFD1
#CDDDCF
#D1DBCC
#D6D9C9
#DBD7C6
#E1D4C3
Colorpallet from #C3D4E1 to #D4C3E1 and to #D4E1C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C6D1E1
#C6D2E0
#C6D3DF
#C6D3DF
#C6D4DE
#C6D5DD
#C6D6DC
#C8CFE1
#C8D0DF
#C8D2DE
#C8D3DC
#C8D5DB
#C8D6D9
#C8D8D7
#CBCCE1
#CBCEDF
#CBD0DD
#CBD3DA
#CBD5D8
#CBD7D6
#CBDAD3
#CEC9E1
#CECCDE
#CECFDB
#CED2D8
#CED5D5
#CED8D2
#CEDCCE
#D1C6E1
#D1CADD
#D1CED9
#D1D2D5
#D1D5D2
#D1D9CE
#D1DEC9
#D4C3E1
#D4C8DC
#D4CDD7
#D4D1D3
#D4D6CE
#D4DBC9
#D4E1C3
Colorpallet from #C3D4E1 to #D4C3E1 and to #E1C3D4
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C6D1E1
#C6D1E1
#C7D1E0
#C7D1E0
#C7D1E0
#C8D1DF
#C8D1DF
#C8CFE1
#C9CFE0
#CACFE0
#CACFDF
#CBCFDE
#CCCFDE
#CDCFDD
#CBCCE1
#CCCCE0
#CDCCDF
#CECCDE
#CFCCDD
#D0CCDC
#D1CCDB
#CEC9E1
#CFC9E0
#D1C9DE
#D2C9DD
#D3C9DC
#D4C9DB
#D6C9D9
#D1C6E1
#D3C6DF
#D4C6DE
#D6C6DC
#D7C6DB
#D9C6D9
#DBC6D7
#D4C3E1
#D6C3DF
#D8C3DD
#DAC3DB
#DCC3D9
#DEC3D7
#E1C3D4
Colorpallet from #C3D4E1 to #D4C3E1 and to #E1D4C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C6D1E1
#C6D1E0
#C7D2DF
#C7D2DF
#C7D3DE
#C8D3DD
#C8D4DC
#C8CFE1
#C9D0DF
#CAD1DE
#CAD1DC
#CBD2DB
#CCD3D9
#CDD4D7
#CBCCE1
#CCCDDF
#CDCFDD
#CED0DA
#CFD1D8
#D0D2D6
#D1D4D3
#CEC9E1
#CFCBDE
#D1CDDB
#D2CED8
#D3D0D5
#D4D2D2
#D6D4CE
#D1C6E1
#D3C8DD
#D4CAD9
#D6CDD5
#D7CFD2
#D9D1CE
#DBD4C9
#D4C3E1
#D6C6DC
#D8C8D7
#DACBD3
#DCCECE
#DED1C9
#E1D4C3
Colorpallet from #C3D4E1 to #D4E1C3 and to #E1C3D4
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C6D6DC
#C6D5DC
#C7D4DD
#C7D4DD
#C7D3DE
#C8D2DE
#C8D1DF
#C8D8D7
#C9D7D8
#CAD5D9
#CAD4DA
#CBD2DB
#CCD1DC
#CDCFDD
#CBDAD3
#CCD8D4
#CDD6D6
#CED3D7
#CFD1D8
#D0CFD9
#D1CCDB
#CEDCCE
#CFD9D0
#D1D6D2
#D2D3D3
#D3D0D5
#D4CDD7
#D6C9D9
#D1DEC9
#D3DACB
#D4D6CD
#D6D2D0
#D7CFD2
#D9CBD4
#DBC6D7
#D4E1C3
#D6DCC6
#D8D7C8
#DAD3CB
#DCCECE
#DEC9D1
#E1C3D4
Colorpallet from #C3D4E1 to #D4E1C3 and to #E1D4C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C6D6DC
#C6D6DC
#C7D5DC
#C7D5DC
#C7D5DC
#C8D4DC
#C8D4DC
#C8D8D7
#C9D7D7
#CAD7D7
#CAD6D7
#CBD5D7
#CCD5D7
#CDD4D7
#CBDAD3
#CCD9D3
#CDD8D3
#CED7D3
#CFD6D3
#D0D5D3
#D1D4D3
#CEDCCE
#CFDBCE
#D1D9CE
#D2D8CE
#D3D7CE
#D4D6CE
#D6D4CE
#D1DEC9
#D3DCC9
#D4DBC9
#D6D9C9
#D7D8C9
#D9D6C9
#DBD4C9
#D4E1C3
#D6DFC3
#D8DDC3
#DADBC3
#DCD9C3
#DED7C3
#E1D4C3
Colorpallet from #C3D4E1 to #E1C3D4 and to #E1D4C3
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C3D4E1
#C8D1DF
#C8D1DF
#C8D2DE
#C8D2DE
#C8D3DD
#C8D3DD
#C8D4DC
#CDCFDD
#CDD0DC
#CDD1DB
#CDD1DA
#CDD2D9
#CDD3D8
#CDD4D7
#D1CCDB
#D1CDDA
#D1CFD8
#D1D0D7
#D1D1D6
#D1D2D5
#D1D4D3
#D6C9D9
#D6CBD7
#D6CDD5
#D6CED4
#D6D0D2
#D6D2D0
#D6D4CE
#DBC6D7
#DBC8D5
#DBCAD3
#DBCDD0
#DBCFCE
#DBD1CC
#DBD4C9
#E1C3D4
#E1C6D1
#E1C8CF
#E1CBCC
#E1CEC9
#E1D1C6
#E1D4C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts