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 #B1DEA8 to #B1A8DE and to #DEB1A8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1D5B1
#B2D5B0
#B3D6AE
#B4D6AD
#B5D6AB
#B7D7AA
#B8D7A8
#B1CDB9
#B3CDB6
#B5CEB4
#B8CEB1
#BACFAE
#BCCFAB
#BFD0A8
#B1C4C2
#B5C5BE
#B8C5BA
#BCC6B6
#BFC7B1
#C3C7AD
#C7C8A8
#B1BBCB
#B6BCC5
#BABDC0
#BFBEBA
#C4BFB5
#C8C0AF
#CEC1A8
#B1B3D3
#B7B4CC
#BDB5C5
#C2B6BE
#C8B7B7
#CEB9B1
#D5BAA8
#B1A8DE
#B8A9D5
#BFABCD
#C7ACC4
#CEAEBB
#D5AFB3
#DEB1A8
Colorpallet from #B1DEA8 to #B1A8DE and to #DEA8B1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1D5B1
#B2D5B0
#B3D5AE
#B4D5AD
#B5D5AC
#B7D5AB
#B8D5A9
#B1CDB9
#B3CDB7
#B5CDB5
#B8CDB2
#BACDB0
#BCCDAE
#BFCDAB
#B1C4C2
#B5C4BE
#B8C4BB
#BCC4B7
#BFC4B4
#C3C4B0
#C7C4AC
#B1BBCB
#B6BBC6
#BABBC2
#BFBBBD
#C4BBB8
#C8BBB4
#CEBBAE
#B1B3D3
#B7B3CD
#BDB3C7
#C2B3C2
#C8B3BC
#CEB3B6
#D5B3AF
#B1A8DE
#B8A8D7
#BFA8D0
#C7A8C8
#CEA8C1
#D5A8BA
#DEA8B1
Colorpallet from #B1DEA8 to #B1A8DE and to #A8B1DE
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1D5B1
#B1D5B1
#B1D6B1
#B1D6B1
#B0D6B1
#B0D7B1
#B0D7B1
#B1CDB9
#B1CDB9
#B0CEB9
#B0CEB9
#AFCFB9
#AFCFB9
#AED0B9
#B1C4C2
#B0C5C2
#B0C5C2
#AFC6C2
#AEC7C2
#AEC7C2
#ADC8C2
#B1BBCB
#B0BCCB
#AFBDCB
#AEBECB
#ADBFCB
#ACC0CB
#ABC1CB
#B1B3D3
#B0B4D3
#AFB5D3
#AEB6D3
#ADB7D3
#ABB9D3
#AABAD3
#B1A8DE
#B0A9DE
#AEABDE
#ADACDE
#ABAEDE
#AAAFDE
#A8B1DE
Colorpallet from #B1DEA8 to #B1A8DE and to #A8DEB1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1D5B1
#B1D6B0
#B1D8AE
#B1D9AD
#B0DBAC
#B0DCAB
#B0DEA9
#B1CDB9
#B1D0B7
#B0D2B5
#B0D5B2
#AFD8B0
#AFDBAE
#AEDEAB
#B1C4C2
#B0C8BE
#B0CCBB
#AFD0B7
#AED5B4
#AED9B0
#ADDEAC
#B1BBCB
#B0C1C6
#AFC6C2
#AECCBD
#ADD1B8
#ACD7B4
#ABDEAE
#B1B3D3
#B0BACD
#AFC1C7
#AEC8C2
#ADCFBC
#ABD5B6
#AADEAF
#B1A8DE
#B0B1D7
#AEB9D0
#ADC2C8
#ABCBC1
#AAD3BA
#A8DEB1
Colorpallet from #B1DEA8 to #DEB1A8 and to #DEA8B1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B8D7A8
#B8D7A8
#B8D6A8
#B8D6A8
#B8D6A9
#B8D5A9
#B8D5A9
#BFD0A8
#BFD0A8
#BFCFA9
#BFCFA9
#BFCEAA
#BFCEAA
#BFCDAB
#C7C8A8
#C7C7A9
#C7C7A9
#C7C6AA
#C7C5AB
#C7C5AB
#C7C4AC
#CEC1A8
#CEC0A9
#CEBFAA
#CEBEAB
#CEBDAC
#CEBCAD
#CEBBAE
#D5BAA8
#D5B9A9
#D5B8AA
#D5B7AB
#D5B6AC
#D5B4AE
#D5B3AF
#DEB1A8
#DEB0A9
#DEAEAB
#DEADAC
#DEABAE
#DEAAAF
#DEA8B1
Colorpallet from #B1DEA8 to #DEB1A8 and to #A8B1DE
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B8D7A8
#B7D7A9
#B5D7AB
#B4D7AC
#B3D7AE
#B2D7AF
#B0D7B1
#BFD0A8
#BCD0AB
#BAD0AD
#B7D0B0
#B4D0B3
#B1D0B6
#AED0B9
#C7C8A8
#C3C8AC
#BFC8B0
#BBC8B4
#B6C8B9
#B2C8BD
#ADC8C2
#CEC1A8
#C8C1AE
#C3C1B3
#BDC1B9
#B8C1BE
#B2C1C4
#ABC1CB
#D5BAA8
#CEBAAF
#C7BAB6
#C0BABD
#B9BAC4
#B3BACA
#AABAD3
#DEB1A8
#D5B1B1
#CDB1B9
#C4B1C2
#BBB1CB
#B3B1D3
#A8B1DE
Colorpallet from #B1DEA8 to #DEB1A8 and to #A8DEB1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B8D7A8
#B7D8A8
#B5D9A8
#B4DAA8
#B3DBA9
#B2DDA9
#B0DEA9
#BFD0A8
#BCD2A8
#BAD4A9
#B7D7A9
#B4D9AA
#B1DBAA
#AEDEAB
#C7C8A8
#C3CCA9
#BFCFA9
#BBD3AA
#B6D6AB
#B2DAAB
#ADDEAC
#CEC1A8
#C8C6A9
#C3CAAA
#BDCFAB
#B8D4AC
#B2D8AD
#ABDEAE
#D5BAA8
#CEC0A9
#C7C6AA
#C0CBAB
#B9D1AC
#B3D7AE
#AADEAF
#DEB1A8
#D5B8A9
#CDBFAB
#C4C7AC
#BBCEAE
#B3D5AF
#A8DEB1
Colorpallet from #B1DEA8 to #DEA8B1 and to #A8B1DE
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B8D5A9
#B7D5AA
#B5D6AC
#B4D6AD
#B3D6AE
#B2D7AF
#B0D7B1
#BFCDAB
#BCCDAD
#BACEAF
#B7CEB2
#B4CFB4
#B1CFB6
#AED0B9
#C7C4AC
#C3C5B0
#BFC5B3
#BBC6B7
#B6C7BA
#B2C7BE
#ADC8C2
#CEBBAE
#C8BCB3
#C3BDB7
#BDBEBC
#B8BFC1
#B2C0C5
#ABC1CB
#D5B3AF
#CEB4B5
#C7B5BB
#C0B6C0
#B9B7C6
#B3B9CC
#AABAD3
#DEA8B1
#D5A9B8
#CDABBF
#C4ACC7
#BBAECE
#B3AFD5
#A8B1DE
Colorpallet from #B1DEA8 to #DEA8B1 and to #A8DEB1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B8D5A9
#B7D6A9
#B5D8A9
#B4D9A9
#B3DBA9
#B2DCA9
#B0DEA9
#BFCDAB
#BCD0AB
#BAD2AB
#B7D5AB
#B4D8AB
#B1DBAB
#AEDEAB
#C7C4AC
#C3C8AC
#BFCCAC
#BBD0AC
#B6D5AC
#B2D9AC
#ADDEAC
#CEBBAE
#C8C1AE
#C3C6AE
#BDCCAE
#B8D1AE
#B2D7AE
#ABDEAE
#D5B3AF
#CEBAAF
#C7C1AF
#C0C8AF
#B9CFAF
#B3D5AF
#AADEAF
#DEA8B1
#D5B1B1
#CDB9B1
#C4C2B1
#BBCBB1
#B3D3B1
#A8DEB1
Colorpallet from #B1DEA8 to #A8B1DE and to #A8DEB1
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B1DEA8
#B0D7B1
#B0D8B0
#B0D9AE
#B0DAAD
#B0DBAC
#B0DDAB
#B0DEA9
#AED0B9
#AED2B7
#AED4B5
#AED7B2
#AED9B0
#AEDBAE
#AEDEAB
#ADC8C2
#ADCCBE
#ADCFBB
#ADD3B7
#ADD6B4
#ADDAB0
#ADDEAC
#ABC1CB
#ABC6C6
#ABCAC2
#ABCFBD
#ABD4B8
#ABD8B4
#ABDEAE
#AABAD3
#AAC0CD
#AAC6C7
#AACBC2
#AAD1BC
#AAD7B6
#AADEAF
#A8B1DE
#A8B8D7
#A8BFD0
#A8C7C8
#A8CEC1
#A8D5BA
#A8DEB1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
