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 #B4DDC8 to #B4C8DD and to #DDB4C8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DACB
#B5D9CB
#B6D9CA
#B7D8CA
#B8D7C9
#BAD7C9
#BBD6C8
#B4D6CF
#B6D5CE
#B8D4CD
#BAD3CC
#BCD2CB
#BED1C9
#C1D0C8
#B4D3D2
#B7D1D0
#BAD0CF
#BECECD
#C1CDCC
#C4CBCA
#C8C9C8
#B4D0D5
#B8CED3
#BCCCD1
#C0CACF
#C5C8CD
#C9C6CB
#CEC3C8
#B4CCD9
#B9C9D6
#BFC7D4
#C4C4D1
#C9C2CE
#CEBFCB
#D5BCC8
#B4C8DD
#BBC5DA
#C1C2D6
#C8BED3
#CEBBD0
#D5B8CC
#DDB4C8
Colorpallet from #B4DDC8 to #B4C8DD and to #DDC8B4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DACB
#B5DACA
#B6DAC9
#B7DAC8
#B8DAC7
#BADAC6
#BBDAC5
#B4D6CF
#B6D6CD
#B8D6CB
#BAD6C9
#BCD6C7
#BED6C5
#C1D6C2
#B4D3D2
#B7D3CF
#BAD3CC
#BED3C8
#C1D3C5
#C4D3C2
#C8D3BE
#B4D0D5
#B8D0D1
#BCD0CD
#C0D0C9
#C5D0C4
#C9D0C0
#CED0BB
#B4CCD9
#B9CCD4
#BFCCCE
#C4CCC9
#C9CCC4
#CECCBF
#D5CCB8
#B4C8DD
#BBC8D6
#C1C8D0
#C8C8C9
#CEC8C3
#D5C8BC
#DDC8B4
Colorpallet from #B4DDC8 to #B4C8DD and to #C8B4DD
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DACB
#B4D9CB
#B5D9CB
#B5D8CB
#B6D7CB
#B6D7CB
#B7D6CB
#B4D6CF
#B5D5CF
#B6D4CF
#B7D3CF
#B8D2CF
#B9D1CF
#BAD0CF
#B4D3D2
#B6D1D2
#B7D0D2
#B9CED2
#BACDD2
#BCCBD2
#BEC9D2
#B4D0D5
#B6CED5
#B8CCD5
#BACAD5
#BCC8D5
#BEC6D5
#C1C3D5
#B4CCD9
#B7C9D9
#B9C7D9
#BCC4D9
#BEC2D9
#C1BFD9
#C4BCD9
#B4C8DD
#B7C5DD
#BAC2DD
#BEBEDD
#C1BBDD
#C4B8DD
#C8B4DD
Colorpallet from #B4DDC8 to #B4C8DD and to #C8DDB4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DACB
#B4DACA
#B5DBC9
#B5DBC8
#B6DCC7
#B6DCC6
#B7DDC5
#B4D6CF
#B5D7CD
#B6D8CB
#B7D9C9
#B8DAC7
#B9DCC5
#BADDC2
#B4D3D2
#B6D5CF
#B7D6CC
#B9D8C8
#BAD9C5
#BCDBC2
#BEDDBE
#B4D0D5
#B6D2D1
#B8D4CD
#BAD6C9
#BCD8C4
#BEDAC0
#C1DDBB
#B4CCD9
#B7CFD4
#B9D1CE
#BCD4C9
#BED7C4
#C1DABF
#C4DDB8
#B4C8DD
#B7CBD6
#BACFD0
#BED2C9
#C1D5C3
#C4D9BC
#C8DDB4
Colorpallet from #B4DDC8 to #DDB4C8 and to #DDC8B4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#BBD6C8
#BBD7C8
#BBD7C7
#BBD8C7
#BBD9C6
#BBD9C6
#BBDAC5
#C1D0C8
#C1D1C7
#C1D2C6
#C1D3C5
#C1D4C4
#C1D5C3
#C1D6C2
#C8C9C8
#C8CBC6
#C8CCC5
#C8CEC3
#C8CFC2
#C8D1C0
#C8D3BE
#CEC3C8
#CEC5C6
#CEC7C4
#CEC9C2
#CECBC0
#CECDBE
#CED0BB
#D5BCC8
#D5BFC5
#D5C1C3
#D5C4C0
#D5C6BE
#D5C9BB
#D5CCB8
#DDB4C8
#DDB7C5
#DDBAC2
#DDBEBE
#DDC1BB
#DDC4B8
#DDC8B4
Colorpallet from #B4DDC8 to #DDB4C8 and to #C8B4DD
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#BBD6C8
#BAD6C8
#BAD6C9
#B9D6C9
#B8D6CA
#B8D6CA
#B7D6CB
#C1D0C8
#C0D0C9
#BFD0CA
#BED0CB
#BDD0CC
#BBD0CE
#BAD0CF
#C8C9C8
#C6C9CA
#C5C9CB
#C3C9CD
#C2C9CE
#C0C9D0
#BEC9D2
#CEC3C8
#CCC3CA
#CAC3CC
#C8C3CE
#C6C3D0
#C4C3D2
#C1C3D5
#D5BCC8
#D2BCCB
#D0BCCD
#CDBCD0
#CABCD3
#C7BCD6
#C4BCD9
#DDB4C8
#DAB4CB
#D6B4CF
#D3B4D2
#D0B4D5
#CCB4D9
#C8B4DD
Colorpallet from #B4DDC8 to #DDB4C8 and to #C8DDB4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#BBD6C8
#BAD7C8
#BAD8C7
#B9D9C7
#B8DAC6
#B8DCC6
#B7DDC5
#C1D0C8
#C0D2C7
#BFD4C6
#BED6C5
#BDD8C4
#BBDAC3
#BADDC2
#C8C9C8
#C6CCC6
#C5CFC5
#C3D3C3
#C2D6C2
#C0D9C0
#BEDDBE
#CEC3C8
#CCC7C6
#CACBC4
#C8CFC2
#C6D4C0
#C4D8BE
#C1DDBB
#D5BCC8
#D2C1C5
#D0C7C3
#CDCCC0
#CAD1BE
#C7D6BB
#C4DDB8
#DDB4C8
#DABBC5
#D6C1C2
#D3C8BE
#D0CEBB
#CCD5B8
#C8DDB4
Colorpallet from #B4DDC8 to #DDC8B4 and to #C8B4DD
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#BBDAC5
#BAD9C6
#BAD9C7
#B9D8C8
#B8D7C9
#B8D7CA
#B7D6CB
#C1D6C2
#C0D5C4
#BFD4C6
#BED3C8
#BDD2CA
#BBD1CC
#BAD0CF
#C8D3BE
#C6D1C1
#C5D0C4
#C3CEC8
#C2CDCB
#C0CBCE
#BEC9D2
#CED0BB
#CCCEBF
#CACCC3
#C8CAC7
#C6C8CC
#C4C6D0
#C1C3D5
#D5CCB8
#D2C9BD
#D0C7C3
#CDC4C8
#CAC2CD
#C7BFD2
#C4BCD9
#DDC8B4
#DAC5BB
#D6C2C1
#D3BEC8
#D0BBCE
#CCB8D5
#C8B4DD
Colorpallet from #B4DDC8 to #DDC8B4 and to #C8DDB4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#BBDAC5
#BADAC5
#BADBC5
#B9DBC5
#B8DCC5
#B8DCC5
#B7DDC5
#C1D6C2
#C0D7C2
#BFD8C2
#BED9C2
#BDDAC2
#BBDCC2
#BADDC2
#C8D3BE
#C6D5BE
#C5D6BE
#C3D8BE
#C2D9BE
#C0DBBE
#BEDDBE
#CED0BB
#CCD2BB
#CAD4BB
#C8D6BB
#C6D8BB
#C4DABB
#C1DDBB
#D5CCB8
#D2CFB8
#D0D1B8
#CDD4B8
#CAD7B8
#C7DAB8
#C4DDB8
#DDC8B4
#DACBB4
#D6CFB4
#D3D2B4
#D0D5B4
#CCD9B4
#C8DDB4
Colorpallet from #B4DDC8 to #C8B4DD and to #C8DDB4
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B4DDC8
#B7D6CB
#B7D7CA
#B7D8C9
#B7D9C8
#B7DAC7
#B7DCC6
#B7DDC5
#BAD0CF
#BAD2CD
#BAD4CB
#BAD6C9
#BAD8C7
#BADAC5
#BADDC2
#BEC9D2
#BECCCF
#BECFCC
#BED3C8
#BED6C5
#BED9C2
#BEDDBE
#C1C3D5
#C1C7D1
#C1CBCD
#C1CFC9
#C1D4C4
#C1D8C0
#C1DDBB
#C4BCD9
#C4C1D4
#C4C7CE
#C4CCC9
#C4D1C4
#C4D6BF
#C4DDB8
#C8B4DD
#C8BBD6
#C8C1D0
#C8C8C9
#C8CEC3
#C8D5BC
#C8DDB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts