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 #D2E5A3 to #D2A3E5 and to #E5D2A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2DAAE
#D2DBAC
#D3DDAA
#D3DEA9
#D4DFA7
#D4E0A5
#D5E2A3
#D2D0B8
#D3D2B5
#D4D5B1
#D5D7AE
#D6DAAB
#D7DCA7
#D8DFA3
#D2C5C3
#D3C9BE
#D5CCB9
#D6D0B4
#D8D4AF
#D9D7A9
#DBDCA3
#D2BBCD
#D4C0C6
#D6C5C0
#D8C9B9
#DACEB2
#DCD3AB
#DED9A3
#D2B0D8
#D4B6D0
#D7BCC7
#D9C2BF
#DCC8B6
#DECEAE
#E1D6A3
#D2A3E5
#D5ABDA
#D8B2D0
#DBBAC5
#DEC1BB
#E1C9B0
#E5D2A3
Colorpallet from #D2E5A3 to #D2A3E5 and to #E5A3D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2DAAE
#D2DAAE
#D3DAAD
#D3DAAD
#D4DAAC
#D4DAAC
#D5DAAB
#D2D0B8
#D3D0B7
#D4D0B6
#D5D0B5
#D6D0B4
#D7D0B3
#D8D0B2
#D2C5C3
#D3C5C2
#D5C5C0
#D6C5BF
#D8C5BD
#D9C5BC
#DBC5BA
#D2BBCD
#D4BBCB
#D6BBC9
#D8BBC7
#DABBC5
#DCBBC3
#DEBBC1
#D2B0D8
#D4B0D6
#D7B0D3
#D9B0D1
#DCB0CE
#DEB0CC
#E1B0C9
#D2A3E5
#D5A3E2
#D8A3DF
#DBA3DC
#DEA3D9
#E1A3D6
#E5A3D2
Colorpallet from #D2E5A3 to #D2A3E5 and to #A3D2E5
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2DAAE
#D1DBAE
#CFDDAE
#CEDEAE
#CDDFAE
#CCE0AE
#CAE2AE
#D2D0B8
#D0D2B8
#CDD5B8
#CBD7B8
#C8DAB8
#C6DCB8
#C3DFB8
#D2C5C3
#CEC9C3
#CBCCC3
#C7D0C3
#C3D4C3
#C0D7C3
#BBDCC3
#D2BBCD
#CDC0CD
#C8C5CD
#C4C9CD
#BFCECD
#BAD3CD
#B4D9CD
#D2B0D8
#CCB6D8
#C6BCD8
#C0C2D8
#BAC8D8
#B4CED8
#ACD6D8
#D2A3E5
#CAABE5
#C3B2E5
#BBBAE5
#B4C1E5
#ACC9E5
#A3D2E5
Colorpallet from #D2E5A3 to #D2A3E5 and to #A3E5D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2DAAE
#D1DCAE
#CFDEAD
#CEDFAD
#CDE1AC
#CCE3AC
#CAE5AB
#D2D0B8
#D0D3B7
#CDD7B6
#CBDAB5
#C8DDB4
#C6E1B3
#C3E5B2
#D2C5C3
#CECAC2
#CBCFC0
#C7D4BF
#C3D9BD
#C0DFBC
#BBE5BA
#D2BBCD
#CDC2CB
#C8C8C9
#C4CFC7
#BFD6C5
#BADDC3
#B4E5C1
#D2B0D8
#CCB8D6
#C6C1D3
#C0C9D1
#BAD2CE
#B4DACC
#ACE5C9
#D2A3E5
#CAAEE2
#C3B8DF
#BBC3DC
#B4CDD9
#ACD8D6
#A3E5D2
Colorpallet from #D2E5A3 to #E5D2A3 and to #E5A3D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D5E2A3
#D5E1A4
#D5DFA6
#D5DEA7
#D5DDA8
#D5DCA9
#D5DAAB
#D8DFA3
#D8DDA5
#D8DAA8
#D8D8AA
#D8D5AD
#D8D3AF
#D8D0B2
#DBDCA3
#DBD8A7
#DBD5AA
#DBD1AE
#DBCDB2
#DBCAB5
#DBC5BA
#DED9A3
#DED4A8
#DECFAD
#DECBB1
#DEC6B6
#DEC1BB
#DEBBC1
#E1D6A3
#E1D0A9
#E1CAAF
#E1C4B5
#E1BEBB
#E1B8C1
#E1B0C9
#E5D2A3
#E5CAAB
#E5C3B2
#E5BBBA
#E5B4C1
#E5ACC9
#E5A3D2
Colorpallet from #D2E5A3 to #E5D2A3 and to #A3D2E5
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D5E2A3
#D3E2A5
#D1E2A7
#D0E2A8
#CEE2AA
#CCE2AC
#CAE2AE
#D8DFA3
#D5DFA6
#D1DFAA
#CEDFAD
#CBDFB0
#C7DFB4
#C3DFB8
#DBDCA3
#D6DCA8
#D1DCAD
#CCDCB2
#C7DCB7
#C1DCBD
#BBDCC3
#DED9A3
#D7D9AA
#D1D9B0
#CAD9B7
#C3D9BE
#BCD9C5
#B4D9CD
#E1D6A3
#D9D6AB
#D0D6B4
#C8D6BC
#BFD6C5
#B7D6CD
#ACD6D8
#E5D2A3
#DAD2AE
#D0D2B8
#C5D2C3
#BBD2CD
#B0D2D8
#A3D2E5
Colorpallet from #D2E5A3 to #E5D2A3 and to #A3E5D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D5E2A3
#D3E2A4
#D1E3A6
#D0E3A7
#CEE4A8
#CCE4A9
#CAE5AB
#D8DFA3
#D5E0A5
#D1E1A8
#CEE2AA
#CBE3AD
#C7E4AF
#C3E5B2
#DBDCA3
#D6DDA7
#D1DFAA
#CCE0AE
#C7E2B2
#C1E3B5
#BBE5BA
#DED9A3
#D7DBA8
#D1DDAD
#CADFB1
#C3E1B6
#BCE3BB
#B4E5C1
#E1D6A3
#D9D8A9
#D0DBAF
#C8DDB5
#BFE0BB
#B7E2C1
#ACE5C9
#E5D2A3
#DAD5AB
#D0D8B2
#C5DBBA
#BBDEC1
#B0E1C9
#A3E5D2
Colorpallet from #D2E5A3 to #E5A3D2 and to #A3D2E5
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D5DAAB
#D3DBAB
#D1DDAC
#D0DEAC
#CEDFAD
#CCE0AD
#CAE2AE
#D8D0B2
#D5D2B3
#D1D5B4
#CED7B5
#CBDAB6
#C7DCB7
#C3DFB8
#DBC5BA
#D6C9BB
#D1CCBD
#CCD0BE
#C7D4C0
#C1D7C1
#BBDCC3
#DEBBC1
#D7C0C3
#D1C5C5
#CAC9C7
#C3CEC9
#BCD3CB
#B4D9CD
#E1B0C9
#D9B6CB
#D0BCCE
#C8C2D0
#BFC8D3
#B7CED5
#ACD6D8
#E5A3D2
#DAABD5
#D0B2D8
#C5BADB
#BBC1DE
#B0C9E1
#A3D2E5
Colorpallet from #D2E5A3 to #E5A3D2 and to #A3E5D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D5DAAB
#D3DCAB
#D1DEAB
#D0DFAB
#CEE1AB
#CCE3AB
#CAE5AB
#D8D0B2
#D5D3B2
#D1D7B2
#CEDAB2
#CBDDB2
#C7E1B2
#C3E5B2
#DBC5BA
#D6CABA
#D1CFBA
#CCD4BA
#C7D9BA
#C1DFBA
#BBE5BA
#DEBBC1
#D7C2C1
#D1C8C1
#CACFC1
#C3D6C1
#BCDDC1
#B4E5C1
#E1B0C9
#D9B8C9
#D0C1C9
#C8C9C9
#BFD2C9
#B7DAC9
#ACE5C9
#E5A3D2
#DAAED2
#D0B8D2
#C5C3D2
#BBCDD2
#B0D8D2
#A3E5D2
Colorpallet from #D2E5A3 to #A3D2E5 and to #A3E5D2
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#D2E5A3
#CAE2AE
#CAE2AE
#CAE3AD
#CAE3AD
#CAE4AC
#CAE4AC
#CAE5AB
#C3DFB8
#C3E0B7
#C3E1B6
#C3E2B5
#C3E3B4
#C3E4B3
#C3E5B2
#BBDCC3
#BBDDC2
#BBDFC0
#BBE0BF
#BBE2BD
#BBE3BC
#BBE5BA
#B4D9CD
#B4DBCB
#B4DDC9
#B4DFC7
#B4E1C5
#B4E3C3
#B4E5C1
#ACD6D8
#ACD8D6
#ACDBD3
#ACDDD1
#ACE0CE
#ACE2CC
#ACE5C9
#A3D2E5
#A3D5E2
#A3D8DF
#A3DBDC
#A3DED9
#A3E1D6
#A3E5D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts