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 #D9E2C3 to #D9C3E2 and to #E2D9C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9DDC8
#D9DEC7
#D9DEC6
#D9DFC6
#DAE0C5
#DAE0C4
#DAE1C3
#D9D8CD
#D9D9CB
#DADACA
#DADBC8
#DBDCC7
#DBDEC5
#DCDFC3
#D9D3D2
#DAD5D0
#DAD7CD
#DBD8CB
#DCDAC8
#DCDCC6
#DDDEC3
#D9CED7
#DAD0D4
#DBD2D1
#DCD5CD
#DDD7CA
#DED9C7
#DFDCC3
#D9C9DC
#DACCD8
#DBCFD4
#DCD2D0
#DDD5CC
#DFD7C8
#E0DBC3
#D9C3E2
#DAC7DD
#DCCAD8
#DDCED3
#DFD1CE
#E0D5C9
#E2D9C3
Colorpallet from #D9E2C3 to #D9C3E2 and to #E2C3D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9DDC8
#D9DDC8
#D9DDC8
#D9DDC8
#DADDC7
#DADDC7
#DADDC7
#D9D8CD
#D9D8CD
#DAD8CC
#DAD8CC
#DBD8CB
#DBD8CB
#DCD8CA
#D9D3D2
#DAD3D1
#DAD3D1
#DBD3D0
#DCD3CF
#DCD3CF
#DDD3CE
#D9CED7
#DACED6
#DBCED5
#DCCED4
#DDCED3
#DECED2
#DFCED1
#D9C9DC
#DAC9DB
#DBC9DA
#DCC9D9
#DDC9D8
#DFC9D6
#E0C9D5
#D9C3E2
#DAC3E1
#DCC3DF
#DDC3DE
#DFC3DC
#E0C3DB
#E2C3D9
Colorpallet from #D9E2C3 to #D9C3E2 and to #C3D9E2
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9DDC8
#D8DEC8
#D8DEC8
#D7DFC8
#D6E0C8
#D6E0C8
#D5E1C8
#D9D8CD
#D8D9CD
#D7DACD
#D6DBCD
#D5DCCD
#D3DECD
#D2DFCD
#D9D3D2
#D7D5D2
#D5D7D2
#D4D8D2
#D2DAD2
#D0DCD2
#CEDED2
#D9CED7
#D7D0D7
#D5D2D7
#D2D5D7
#D0D7D7
#CED9D7
#CBDCD7
#D9C9DC
#D6CCDC
#D3CFDC
#D0D2DC
#CDD5DC
#CBD7DC
#C7DBDC
#D9C3E2
#D5C7E2
#D2CAE2
#CECEE2
#CBD1E2
#C7D5E2
#C3D9E2
Colorpallet from #D9E2C3 to #D9C3E2 and to #C3E2D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9DDC8
#D8DEC8
#D8DFC8
#D7DFC8
#D6E0C7
#D6E1C7
#D5E2C7
#D9D8CD
#D8DACD
#D7DBCC
#D6DDCC
#D5DECB
#D3E0CB
#D2E2CA
#D9D3D2
#D7D5D1
#D5D8D1
#D4DAD0
#D2DDCF
#D0DFCF
#CEE2CE
#D9CED7
#D7D1D6
#D5D4D5
#D2D8D4
#D0DBD3
#CEDED2
#CBE2D1
#D9C9DC
#D6CDDB
#D3D1DA
#D0D5D9
#CDD9D8
#CBDDD6
#C7E2D5
#D9C3E2
#D5C8E1
#D2CDDF
#CED2DE
#CBD7DC
#C7DCDB
#C3E2D9
Colorpallet from #D9E2C3 to #E2D9C3 and to #E2C3D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#DAE1C3
#DAE0C4
#DAE0C4
#DADFC5
#DADEC6
#DADEC6
#DADDC7
#DCDFC3
#DCDEC4
#DCDDC5
#DCDCC6
#DCDBC7
#DCD9C9
#DCD8CA
#DDDEC3
#DDDCC5
#DDDAC7
#DDD9C8
#DDD7CA
#DDD5CC
#DDD3CE
#DFDCC3
#DFDAC5
#DFD8C7
#DFD5CA
#DFD3CC
#DFD1CE
#DFCED1
#E0DBC3
#E0D8C6
#E0D5C9
#E0D2CC
#E0CFCF
#E0CDD1
#E0C9D5
#E2D9C3
#E2D5C7
#E2D2CA
#E2CECE
#E2CBD1
#E2C7D5
#E2C3D9
Colorpallet from #D9E2C3 to #E2D9C3 and to #C3D9E2
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#DAE1C3
#D9E1C4
#D8E1C5
#D8E1C5
#D7E1C6
#D6E1C7
#D5E1C8
#DCDFC3
#DADFC5
#D9DFC6
#D7DFC8
#D6DFC9
#D4DFCB
#D2DFCD
#DDDEC3
#DBDEC5
#D8DEC8
#D6DECA
#D3DECD
#D1DECF
#CEDED2
#DFDCC3
#DCDCC6
#D9DCC9
#D5DCCD
#D2DCD0
#CFDCD3
#CBDCD7
#E0DBC3
#DCDBC7
#D8DBCB
#D4DBCF
#D0DBD3
#CCDBD7
#C7DBDC
#E2D9C3
#DDD9C8
#D8D9CD
#D3D9D2
#CED9D7
#C9D9DC
#C3D9E2
Colorpallet from #D9E2C3 to #E2D9C3 and to #C3E2D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#DAE1C3
#D9E1C4
#D8E1C4
#D8E1C5
#D7E2C6
#D6E2C6
#D5E2C7
#DCDFC3
#DADFC4
#D9E0C5
#D7E0C6
#D6E1C7
#D4E1C9
#D2E2CA
#DDDEC3
#DBDFC5
#D8DFC7
#D6E0C8
#D3E1CA
#D1E1CC
#CEE2CE
#DFDCC3
#DCDDC5
#D9DEC7
#D5DFCA
#D2E0CC
#CFE1CE
#CBE2D1
#E0DBC3
#DCDCC6
#D8DDC9
#D4DECC
#D0DFCF
#CCE1D1
#C7E2D5
#E2D9C3
#DDDAC7
#D8DCCA
#D3DDCE
#CEDFD1
#C9E0D5
#C3E2D9
Colorpallet from #D9E2C3 to #E2C3D9 and to #C3D9E2
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#DADDC7
#D9DEC7
#D8DEC7
#D8DFC7
#D7E0C8
#D6E0C8
#D5E1C8
#DCD8CA
#DAD9CA
#D9DACB
#D7DBCB
#D6DCCC
#D4DECC
#D2DFCD
#DDD3CE
#DBD5CF
#D8D7CF
#D6D8D0
#D3DAD1
#D1DCD1
#CEDED2
#DFCED1
#DCD0D2
#D9D2D3
#D5D5D4
#D2D7D5
#CFD9D6
#CBDCD7
#E0C9D5
#DCCCD6
#D8CFD7
#D4D2D8
#D0D5D9
#CCD7DB
#C7DBDC
#E2C3D9
#DDC7DA
#D8CADC
#D3CEDD
#CED1DF
#C9D5E0
#C3D9E2
Colorpallet from #D9E2C3 to #E2C3D9 and to #C3E2D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#DADDC7
#D9DEC7
#D8DFC7
#D8DFC7
#D7E0C7
#D6E1C7
#D5E2C7
#DCD8CA
#DADACA
#D9DBCA
#D7DDCA
#D6DECA
#D4E0CA
#D2E2CA
#DDD3CE
#DBD5CE
#D8D8CE
#D6DACE
#D3DDCE
#D1DFCE
#CEE2CE
#DFCED1
#DCD1D1
#D9D4D1
#D5D8D1
#D2DBD1
#CFDED1
#CBE2D1
#E0C9D5
#DCCDD5
#D8D1D5
#D4D5D5
#D0D9D5
#CCDDD5
#C7E2D5
#E2C3D9
#DDC8D9
#D8CDD9
#D3D2D9
#CED7D9
#C9DCD9
#C3E2D9
Colorpallet from #D9E2C3 to #C3D9E2 and to #C3E2D9
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D9E2C3
#D5E1C8
#D5E1C8
#D5E1C8
#D5E1C8
#D5E2C7
#D5E2C7
#D5E2C7
#D2DFCD
#D2DFCD
#D2E0CC
#D2E0CC
#D2E1CB
#D2E1CB
#D2E2CA
#CEDED2
#CEDFD1
#CEDFD1
#CEE0D0
#CEE1CF
#CEE1CF
#CEE2CE
#CBDCD7
#CBDDD6
#CBDED5
#CBDFD4
#CBE0D3
#CBE1D2
#CBE2D1
#C7DBDC
#C7DCDB
#C7DDDA
#C7DED9
#C7DFD8
#C7E1D6
#C7E2D5
#C3D9E2
#C3DAE1
#C3DCDF
#C3DDDE
#C3DFDC
#C3E0DB
#C3E2D9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
