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 #C2ECD4 to #C2D4EC and to #ECC2D4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2E8D8
#C3E8D7
#C4E7D7
#C5E7D6
#C6E6D5
#C8E6D5
#C9E5D4
#C2E4DC
#C4E3DB
#C6E2D9
#C8E2D8
#CAE1D7
#CCE0D6
#CFDFD4
#C2E0E0
#C5DFDE
#C8DDDC
#CCDCDA
#CFDBD8
#D2DAD6
#D6D8D4
#C2DDE3
#C6DBE1
#CBD9DE
#CFD7DC
#D3D5D9
#D8D3D7
#DDD1D4
#C2D9E7
#C7D7E4
#CDD4E1
#D2D2DE
#D8CFDB
#DDCDD8
#E4CAD4
#C2D4EC
#C9D1E8
#CFCEE4
#D6CBE0
#DDC8DD
#E4C6D9
#ECC2D4
Colorpallet from #C2ECD4 to #C2D4EC and to #ECD4C2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2E8D8
#C3E8D7
#C4E8D6
#C5E8D5
#C6E8D4
#C8E8D2
#C9E8D1
#C2E4DC
#C4E4DA
#C6E4D8
#C8E4D5
#CAE4D3
#CCE4D1
#CFE4CE
#C2E0E0
#C5E0DD
#C8E0D9
#CCE0D6
#CFE0D3
#D2E0CF
#D6E0CB
#C2DDE3
#C6DDDF
#CBDDDA
#CFDDD6
#D3DDD2
#D8DDCD
#DDDDC8
#C2D9E7
#C7D9E2
#CDD9DC
#D2D9D7
#D8D9D2
#DDD9CD
#E4D9C6
#C2D4EC
#C9D4E5
#CFD4DF
#D6D4D8
#DDD4D1
#E4D4CA
#ECD4C2
Colorpallet from #C2ECD4 to #C2D4EC and to #D4C2EC
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2E8D8
#C2E8D8
#C3E7D8
#C3E7D8
#C4E6D8
#C4E6D8
#C5E5D8
#C2E4DC
#C3E3DC
#C4E2DC
#C5E2DC
#C6E1DC
#C7E0DC
#C8DFDC
#C2E0E0
#C3DFE0
#C5DDE0
#C6DCE0
#C8DBE0
#C9DAE0
#CBD8E0
#C2DDE3
#C4DBE3
#C6D9E3
#C8D7E3
#CAD5E3
#CCD3E3
#CED1E3
#C2D9E7
#C4D7E7
#C6D4E7
#C9D2E7
#CBCFE7
#CDCDE7
#D0CAE7
#C2D4EC
#C5D1EC
#C8CEEC
#CBCBEC
#CEC8EC
#D0C6EC
#D4C2EC
Colorpallet from #C2ECD4 to #C2D4EC and to #D4ECC2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2E8D8
#C2E9D7
#C3E9D6
#C3EAD5
#C4EBD4
#C4EBD2
#C5ECD1
#C2E4DC
#C3E5DA
#C4E7D8
#C5E8D5
#C6E9D3
#C7EAD1
#C8ECCE
#C2E0E0
#C3E2DD
#C5E4D9
#C6E6D6
#C8E8D3
#C9EACF
#CBECCB
#C2DDE3
#C4DFDF
#C6E2DA
#C8E4D6
#CAE7D2
#CCE9CD
#CEECC8
#C2D9E7
#C4DCE2
#C6DFDC
#C9E2D7
#CBE5D2
#CDE8CD
#D0ECC6
#C2D4EC
#C5D8E5
#C8DCDF
#CBE0D8
#CEE3D1
#D0E7CA
#D4ECC2
Colorpallet from #C2ECD4 to #ECC2D4 and to #ECD4C2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C9E5D4
#C9E5D4
#C9E6D3
#C9E6D3
#C9E7D2
#C9E7D2
#C9E8D1
#CFDFD4
#CFE0D3
#CFE1D2
#CFE1D1
#CFE2D0
#CFE3CF
#CFE4CE
#D6D8D4
#D6D9D3
#D6DBD1
#D6DCD0
#D6DDCE
#D6DECD
#D6E0CB
#DDD1D4
#DDD3D2
#DDD5D0
#DDD7CE
#DDD9CC
#DDDBCA
#DDDDC8
#E4CAD4
#E4CCD2
#E4CFD0
#E4D1CD
#E4D4CB
#E4D6C9
#E4D9C6
#ECC2D4
#ECC5D1
#ECC8CE
#ECCBCB
#ECCEC8
#ECD0C6
#ECD4C2
Colorpallet from #C2ECD4 to #ECC2D4 and to #D4C2EC
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C9E5D4
#C8E5D5
#C8E5D5
#C7E5D6
#C6E5D7
#C6E5D7
#C5E5D8
#CFDFD4
#CEDFD5
#CDDFD7
#CCDFD8
#CBDFD9
#C9DFDA
#C8DFDC
#D6D8D4
#D4D8D6
#D2D8D8
#D1D8DA
#CFD8DC
#CDD8DE
#CBD8E0
#DDD1D4
#DBD1D6
#D8D1D9
#D6D1DB
#D3D1DE
#D1D1E0
#CED1E3
#E4CAD4
#E1CAD7
#DECADA
#DACADD
#D7CAE0
#D4CAE3
#D0CAE7
#ECC2D4
#E8C2D8
#E4C2DC
#E0C2E0
#DDC2E3
#D9C2E7
#D4C2EC
Colorpallet from #C2ECD4 to #ECC2D4 and to #D4ECC2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C9E5D4
#C8E6D4
#C8E7D3
#C7E8D3
#C6E9D2
#C6EBD2
#C5ECD1
#CFDFD4
#CEE1D3
#CDE3D2
#CCE5D1
#CBE7D0
#C9E9CF
#C8ECCE
#D6D8D4
#D4DBD3
#D2DED1
#D1E2D0
#CFE5CE
#CDE8CD
#CBECCB
#DDD1D4
#DBD5D2
#D8DAD0
#D6DECE
#D3E2CC
#D1E7CA
#CEECC8
#E4CAD4
#E1CFD2
#DED5D0
#DADACD
#D7E0CB
#D4E5C9
#D0ECC6
#ECC2D4
#E8C9D1
#E4CFCE
#E0D6CB
#DDDDC8
#D9E4C6
#D4ECC2
Colorpallet from #C2ECD4 to #ECD4C2 and to #D4C2EC
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C9E8D1
#C8E8D2
#C8E7D3
#C7E7D4
#C6E6D5
#C6E6D7
#C5E5D8
#CFE4CE
#CEE3D0
#CDE2D2
#CCE2D5
#CBE1D7
#C9E0D9
#C8DFDC
#D6E0CB
#D4DFCE
#D2DDD2
#D1DCD5
#CFDBD8
#CDDADC
#CBD8E0
#DDDDC8
#DBDBCC
#D8D9D1
#D6D7D5
#D3D5D9
#D1D3DE
#CED1E3
#E4D9C6
#E1D7CB
#DED4D1
#DAD2D6
#D7CFDB
#D4CDE0
#D0CAE7
#ECD4C2
#E8D1C9
#E4CECF
#E0CBD6
#DDC8DD
#D9C6E4
#D4C2EC
Colorpallet from #C2ECD4 to #ECD4C2 and to #D4ECC2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C9E8D1
#C8E9D1
#C8E9D1
#C7EAD1
#C6EBD1
#C6EBD1
#C5ECD1
#CFE4CE
#CEE5CE
#CDE7CE
#CCE8CE
#CBE9CE
#C9EACE
#C8ECCE
#D6E0CB
#D4E2CB
#D2E4CB
#D1E6CB
#CFE8CB
#CDEACB
#CBECCB
#DDDDC8
#DBDFC8
#D8E2C8
#D6E4C8
#D3E7C8
#D1E9C8
#CEECC8
#E4D9C6
#E1DCC6
#DEDFC6
#DAE2C6
#D7E5C6
#D4E8C6
#D0ECC6
#ECD4C2
#E8D8C2
#E4DCC2
#E0E0C2
#DDE3C2
#D9E7C2
#D4ECC2
Colorpallet from #C2ECD4 to #D4C2EC and to #D4ECC2
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C2ECD4
#C5E5D8
#C5E6D7
#C5E7D6
#C5E8D5
#C5E9D4
#C5EBD2
#C5ECD1
#C8DFDC
#C8E1DA
#C8E3D8
#C8E5D5
#C8E7D3
#C8E9D1
#C8ECCE
#CBD8E0
#CBDBDD
#CBDED9
#CBE2D6
#CBE5D3
#CBE8CF
#CBECCB
#CED1E3
#CED5DF
#CEDADA
#CEDED6
#CEE2D2
#CEE7CD
#CEECC8
#D0CAE7
#D0CFE2
#D0D5DC
#D0DAD7
#D0E0D2
#D0E5CD
#D0ECC6
#D4C2EC
#D4C9E5
#D4CFDF
#D4D6D8
#D4DDD1
#D4E4CA
#D4ECC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts