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 #D4E3C8 to #D4C8E3 and to #E3D4C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4DFCC
#D4DFCB
#D5E0CB
#D5E0CA
#D5E0C9
#D6E1C9
#D6E1C8
#D4DAD1
#D5DBD0
#D6DBCE
#D6DCCD
#D7DDCB
#D8DDCA
#D9DEC8
#D4D6D5
#D5D7D3
#D6D8D1
#D7D9CF
#D8DACD
#DADBCB
#DBDCC8
#D4D2D9
#D6D3D6
#D7D4D4
#D9D5D1
#DAD6CE
#DCD8CB
#DED9C8
#D4CDDE
#D6CFDA
#D8D0D7
#DAD2D3
#DCD3D0
#DED5CC
#E0D7C8
#D4C8E3
#D6CADF
#D9CCDA
#DBCED6
#DED0D2
#E0D2CD
#E3D4C8
Colorpallet from #D4E3C8 to #D4C8E3 and to #E3C8D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4DFCC
#D4DFCC
#D5DFCB
#D5DFCB
#D5DFCB
#D6DFCA
#D6DFCA
#D4DAD1
#D5DAD0
#D6DACF
#D6DACF
#D7DACE
#D8DACD
#D9DACC
#D4D6D5
#D5D6D4
#D6D6D3
#D7D6D2
#D8D6D1
#DAD6CF
#DBD6CE
#D4D2D9
#D6D2D8
#D7D2D6
#D9D2D5
#DAD2D3
#DCD2D2
#DED2D0
#D4CDDE
#D6CDDC
#D8CDDA
#DACDD8
#DCCDD6
#DECDD4
#E0CDD2
#D4C8E3
#D6C8E1
#D9C8DE
#DBC8DC
#DEC8D9
#E0C8D7
#E3C8D4
Colorpallet from #D4E3C8 to #D4C8E3 and to #C8D4E3
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4DFCC
#D4DFCC
#D3E0CC
#D3E0CC
#D3E0CC
#D2E1CC
#D2E1CC
#D4DAD1
#D3DBD1
#D3DBD1
#D2DCD1
#D1DDD1
#D1DDD1
#D0DED1
#D4D6D5
#D3D7D5
#D2D8D5
#D1D9D5
#D0DAD5
#CFDBD5
#CEDCD5
#D4D2D9
#D3D3D9
#D1D4D9
#D0D5D9
#CFD6D9
#CED8D9
#CCD9D9
#D4CDDE
#D2CFDE
#D1D0DE
#CFD2DE
#CED3DE
#CCD5DE
#CAD7DE
#D4C8E3
#D2CAE3
#D0CCE3
#CECEE3
#CCD0E3
#CAD2E3
#C8D4E3
Colorpallet from #D4E3C8 to #D4C8E3 and to #C8E3D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4DFCC
#D4E0CC
#D3E0CB
#D3E1CB
#D3E2CB
#D2E2CA
#D2E3CA
#D4DAD1
#D3DBD0
#D3DDCF
#D2DECF
#D1E0CE
#D1E1CD
#D0E3CC
#D4D6D5
#D3D8D4
#D2DAD3
#D1DCD2
#D0DED1
#CFE0CF
#CEE3CE
#D4D2D9
#D3D5D8
#D1D7D6
#D0DAD5
#CFDDD3
#CEE0D2
#CCE3D0
#D4CDDE
#D2D1DC
#D1D4DA
#CFD8D8
#CEDBD6
#CCDFD4
#CAE3D2
#D4C8E3
#D2CCE1
#D0D1DE
#CED5DC
#CCD9D9
#CADED7
#C8E3D4
Colorpallet from #D4E3C8 to #E3D4C8 and to #E3C8D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D6E1C8
#D6E1C8
#D6E0C9
#D6E0C9
#D6E0C9
#D6DFCA
#D6DFCA
#D9DEC8
#D9DDC9
#D9DDC9
#D9DCCA
#D9DBCB
#D9DBCB
#D9DACC
#DBDCC8
#DBDBC9
#DBDACA
#DBD9CB
#DBD8CC
#DBD7CD
#DBD6CE
#DED9C8
#DED8C9
#DED7CB
#DED6CC
#DED5CD
#DED3CE
#DED2D0
#E0D7C8
#E0D5CA
#E0D4CB
#E0D2CD
#E0D1CE
#E0CFD0
#E0CDD2
#E3D4C8
#E3D2CA
#E3D0CC
#E3CECE
#E3CCD0
#E3CAD2
#E3C8D4
Colorpallet from #D4E3C8 to #E3D4C8 and to #C8D4E3
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D6E1C8
#D5E1C9
#D5E1C9
#D4E1CA
#D3E1CB
#D3E1CB
#D2E1CC
#D9DEC8
#D8DEC9
#D6DECB
#D5DECC
#D3DECE
#D2DECF
#D0DED1
#DBDCC8
#D9DCCA
#D7DCCC
#D5DCCE
#D3DCD0
#D1DCD2
#CEDCD5
#DED9C8
#DBD9CB
#D8D9CD
#D5D9D0
#D2D9D3
#D0D9D6
#CCD9D9
#E0D7C8
#DCD7CC
#D9D7CF
#D5D7D3
#D2D7D6
#CED7DA
#CAD7DE
#E3D4C8
#DFD4CC
#DAD4D1
#D6D4D5
#D2D4D9
#CDD4DE
#C8D4E3
Colorpallet from #D4E3C8 to #E3D4C8 and to #C8E3D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D6E1C8
#D5E1C8
#D5E2C9
#D4E2C9
#D3E2C9
#D3E3CA
#D2E3CA
#D9DEC8
#D8DFC9
#D6E0C9
#D5E0CA
#D3E1CB
#D2E2CB
#D0E3CC
#DBDCC8
#D9DDC9
#D7DECA
#D5DFCB
#D3E0CC
#D1E2CD
#CEE3CE
#DED9C8
#DBDBC9
#D8DCCB
#D5DECC
#D2DFCD
#D0E1CE
#CCE3D0
#E0D7C8
#DCD9CA
#D9DBCB
#D5DDCD
#D2DFCE
#CEE1D0
#CAE3D2
#E3D4C8
#DFD6CA
#DAD9CC
#D6DBCE
#D2DED0
#CDE0D2
#C8E3D4
Colorpallet from #D4E3C8 to #E3C8D4 and to #C8D4E3
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D6DFCA
#D5DFCA
#D5E0CB
#D4E0CB
#D3E0CB
#D3E1CC
#D2E1CC
#D9DACC
#D8DBCD
#D6DBCE
#D5DCCE
#D3DDCF
#D2DDD0
#D0DED1
#DBD6CE
#D9D7CF
#D7D8D0
#D5D9D1
#D3DAD2
#D1DBD4
#CEDCD5
#DED2D0
#DBD3D1
#D8D4D3
#D5D5D4
#D2D6D6
#D0D8D7
#CCD9D9
#E0CDD2
#DCCFD4
#D9D0D6
#D5D2D8
#D2D3DA
#CED5DC
#CAD7DE
#E3C8D4
#DFCAD6
#DACCD9
#D6CEDB
#D2D0DE
#CDD2E0
#C8D4E3
Colorpallet from #D4E3C8 to #E3C8D4 and to #C8E3D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D6DFCA
#D5E0CA
#D5E0CA
#D4E1CA
#D3E2CA
#D3E2CA
#D2E3CA
#D9DACC
#D8DBCC
#D6DDCC
#D5DECC
#D3E0CC
#D2E1CC
#D0E3CC
#DBD6CE
#D9D8CE
#D7DACE
#D5DCCE
#D3DECE
#D1E0CE
#CEE3CE
#DED2D0
#DBD5D0
#D8D7D0
#D5DAD0
#D2DDD0
#D0E0D0
#CCE3D0
#E0CDD2
#DCD1D2
#D9D4D2
#D5D8D2
#D2DBD2
#CEDFD2
#CAE3D2
#E3C8D4
#DFCCD4
#DAD1D4
#D6D5D4
#D2D9D4
#CDDED4
#C8E3D4
Colorpallet from #D4E3C8 to #C8D4E3 and to #C8E3D4
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D4E3C8
#D2E1CC
#D2E1CC
#D2E2CB
#D2E2CB
#D2E2CB
#D2E3CA
#D2E3CA
#D0DED1
#D0DFD0
#D0E0CF
#D0E0CF
#D0E1CE
#D0E2CD
#D0E3CC
#CEDCD5
#CEDDD4
#CEDED3
#CEDFD2
#CEE0D1
#CEE2CF
#CEE3CE
#CCD9D9
#CCDBD8
#CCDCD6
#CCDED5
#CCDFD3
#CCE1D2
#CCE3D0
#CAD7DE
#CAD9DC
#CADBDA
#CADDD8
#CADFD6
#CAE1D4
#CAE3D2
#C8D4E3
#C8D6E1
#C8D9DE
#C8DBDC
#C8DED9
#C8E0D7
#C8E3D4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts