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 #B0E4D2 to #B0D2E4 and to #E4B0D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E1D5
#B1E0D5
#B3DFD4
#B4DFD4
#B5DED3
#B6DDD3
#B8DCD2
#B0DED8
#B3DCD7
#B5DAD6
#B8D9D5
#BBD7D4
#BED5D3
#C1D3D2
#B0DBDB
#B4D8DA
#B8D6D8
#BCD3D7
#C0D1D5
#C4CED4
#C9CBD2
#B0D8DE
#B5D5DC
#BBD1DA
#C0CED8
#C5CBD6
#CAC7D4
#D1C3D2
#B0D6E0
#B7D2DE
#BDCDDC
#C4C9D9
#CBC4D7
#D2C0D5
#DABAD2
#B0D2E4
#B8CDE1
#C1C7DE
#C9C2DB
#D1BCD8
#DAB7D6
#E4B0D2
Colorpallet from #B0E4D2 to #B0D2E4 and to #E4D2B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E1D5
#B1E1D4
#B3E1D2
#B4E1D1
#B5E1D0
#B6E1CF
#B8E1CD
#B0DED8
#B3DED5
#B5DED3
#B8DED0
#BBDECD
#BEDECA
#C1DEC7
#B0DBDB
#B4DBD7
#B8DBD3
#BCDBCF
#C0DBCB
#C4DBC7
#C9DBC2
#B0D8DE
#B5D8D9
#BBD8D3
#C0D8CE
#C5D8C8
#CAD8C3
#D1D8BC
#B0D6E0
#B7D6D9
#BDD6D3
#C4D6CC
#CBD6C6
#D2D6BF
#DAD6B7
#B0D2E4
#B8D2DC
#C1D2D3
#C9D2CB
#D1D2C3
#DAD2BA
#E4D2B0
Colorpallet from #B0E4D2 to #B0D2E4 and to #D2B0E4
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E1D5
#B1E0D5
#B2DFD5
#B2DFD5
#B3DED5
#B4DDD5
#B5DCD5
#B0DED8
#B2DCD8
#B4DAD8
#B5D9D8
#B7D7D8
#B9D5D8
#BBD3D8
#B0DBDB
#B3D8DB
#B5D6DB
#B8D3DB
#BAD1DB
#BDCEDB
#C0CBDB
#B0D8DE
#B4D5DE
#B7D1DE
#BBCEDE
#BECBDE
#C2C7DE
#C6C3DE
#B0D6E0
#B4D2E0
#B9CDE0
#BDC9E0
#C1C4E0
#C6C0E0
#CBBAE0
#B0D2E4
#B5CDE4
#BBC7E4
#C0C2E4
#C6BCE4
#CBB7E4
#D2B0E4
Colorpallet from #B0E4D2 to #B0D2E4 and to #D2E4B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E1D5
#B1E1D4
#B2E2D2
#B2E2D1
#B3E3D0
#B4E3CF
#B5E4CD
#B0DED8
#B2DFD5
#B4E0D3
#B5E1D0
#B7E2CD
#B9E3CA
#BBE4C7
#B0DBDB
#B3DCD7
#B5DED3
#B8DFCF
#BAE1CB
#BDE2C7
#C0E4C2
#B0D8DE
#B4DAD9
#B7DCD3
#BBDECE
#BEE0C8
#C2E2C3
#C6E4BC
#B0D6E0
#B4D8D9
#B9DAD3
#BDDDCC
#C1DFC6
#C6E1BF
#CBE4B7
#B0D2E4
#B5D5DC
#BBD8D3
#C0DBCB
#C6DEC3
#CBE0BA
#D2E4B0
Colorpallet from #B0E4D2 to #E4B0D2 and to #E4D2B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B8DCD2
#B8DDD1
#B8DED0
#B8DED0
#B8DFCF
#B8E0CE
#B8E1CD
#C1D3D2
#C1D5D0
#C1D7CE
#C1D8CD
#C1DACB
#C1DCC9
#C1DEC7
#C9CBD2
#C9CECF
#C9D0CD
#C9D3CA
#C9D5C8
#C9D8C5
#C9DBC2
#D1C3D2
#D1C6CE
#D1CACB
#D1CDC7
#D1D0C4
#D1D4C0
#D1D8BC
#DABAD2
#DABECE
#DAC3C9
#DAC7C5
#DACCC1
#DAD0BC
#DAD6B7
#E4B0D2
#E4B5CD
#E4BBC7
#E4C0C2
#E4C6BC
#E4CBB7
#E4D2B0
Colorpallet from #B0E4D2 to #E4B0D2 and to #D2B0E4
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B8DCD2
#B8DCD2
#B7DCD3
#B7DCD3
#B6DCD4
#B6DCD4
#B5DCD5
#C1D3D2
#C0D3D3
#BFD3D4
#BED3D5
#BDD3D6
#BCD3D7
#BBD3D8
#C9CBD2
#C8CBD3
#C6CBD5
#C5CBD6
#C3CBD8
#C2CBD9
#C0CBDB
#D1C3D2
#CFC3D4
#CDC3D6
#CCC3D8
#CAC3DA
#C8C3DC
#C6C3DE
#DABAD2
#D8BAD4
#D5BAD6
#D3BAD9
#D0BADB
#CEBADD
#CBBAE0
#E4B0D2
#E1B0D5
#DEB0D8
#DBB0DB
#D8B0DE
#D6B0E0
#D2B0E4
Colorpallet from #B0E4D2 to #E4B0D2 and to #D2E4B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B8DCD2
#B8DDD1
#B7DFD0
#B7E0D0
#B6E1CF
#B6E2CE
#B5E4CD
#C1D3D2
#C0D6D0
#BFD8CE
#BEDBCD
#BDDECB
#BCE1C9
#BBE4C7
#C9CBD2
#C8CFCF
#C6D3CD
#C5D7CA
#C3DBC8
#C2DFC5
#C0E4C2
#D1C3D2
#CFC8CE
#CDCECB
#CCD3C7
#CAD8C4
#C8DDC0
#C6E4BC
#DABAD2
#D8C1CE
#D5C7C9
#D3CEC5
#D0D5C1
#CEDCBC
#CBE4B7
#E4B0D2
#E1B8CD
#DEC1C7
#DBC9C2
#D8D1BC
#D6DAB7
#D2E4B0
Colorpallet from #B0E4D2 to #E4D2B0 and to #D2B0E4
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B8E1CD
#B8E0CE
#B7DFD0
#B7DFD1
#B6DED2
#B6DDD3
#B5DCD5
#C1DEC7
#C0DCCA
#BFDACC
#BED9CF
#BDD7D2
#BCD5D5
#BBD3D8
#C9DBC2
#C8D8C6
#C6D6CA
#C5D3CE
#C3D1D2
#C2CED6
#C0CBDB
#D1D8BC
#CFD5C1
#CDD1C7
#CCCECC
#CACBD2
#C8C7D7
#C6C3DE
#DAD6B7
#D8D2BE
#D5CDC4
#D3C9CB
#D0C4D1
#CEC0D8
#CBBAE0
#E4D2B0
#E1CDB8
#DEC7C1
#DBC2C9
#D8BCD1
#D6B7DA
#D2B0E4
Colorpallet from #B0E4D2 to #E4D2B0 and to #D2E4B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B8E1CD
#B8E1CD
#B7E2CD
#B7E2CD
#B6E3CD
#B6E3CD
#B5E4CD
#C1DEC7
#C0DFC7
#BFE0C7
#BEE1C7
#BDE2C7
#BCE3C7
#BBE4C7
#C9DBC2
#C8DCC2
#C6DEC2
#C5DFC2
#C3E1C2
#C2E2C2
#C0E4C2
#D1D8BC
#CFDABC
#CDDCBC
#CCDEBC
#CAE0BC
#C8E2BC
#C6E4BC
#DAD6B7
#D8D8B7
#D5DAB7
#D3DDB7
#D0DFB7
#CEE1B7
#CBE4B7
#E4D2B0
#E1D5B0
#DED8B0
#DBDBB0
#D8DEB0
#D6E0B0
#D2E4B0
Colorpallet from #B0E4D2 to #D2B0E4 and to #D2E4B0
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B0E4D2
#B5DCD5
#B5DDD4
#B5DFD2
#B5E0D1
#B5E1D0
#B5E2CF
#B5E4CD
#BBD3D8
#BBD6D5
#BBD8D3
#BBDBD0
#BBDECD
#BBE1CA
#BBE4C7
#C0CBDB
#C0CFD7
#C0D3D3
#C0D7CF
#C0DBCB
#C0DFC7
#C0E4C2
#C6C3DE
#C6C8D9
#C6CED3
#C6D3CE
#C6D8C8
#C6DDC3
#C6E4BC
#CBBAE0
#CBC1D9
#CBC7D3
#CBCECC
#CBD5C6
#CBDCBF
#CBE4B7
#D2B0E4
#D2B8DC
#D2C1D3
#D2C9CB
#D2D1C3
#D2DABA
#D2E4B0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
