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 #C886E3 to #C8E386 and to #86C8E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C895D4
#C694D6
#C494D9
#C393DB
#C192DE
#BF92E0
#BD91E3
#C8A4C5
#C5A3CA
#C1A1CF
#BEA0D3
#BB9ED8
#B79DDD
#B39BE3
#C8B3B6
#C3B1BD
#BEAFC4
#B9ADCC
#B4ABD3
#AEA9DA
#A8A6E3
#C8C2A7
#C1BFB1
#BBBCBA
#B4B9C4
#ADB6CD
#A6B4D7
#9EB0E3
#C8D099
#C0CDA5
#B7C9B1
#AFC6BD
#A6C3C8
#9EBFD4
#93BBE3
#C8E386
#BDDF95
#B3DAA4
#A8D6B3
#9ED2C2
#93CDD0
#86C8E3
Colorpallet from #C886E3 to #C8E386 and to #86E3C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C895D4
#C695D6
#C495D8
#C395D9
#C195DB
#BF95DD
#BD95DF
#C8A4C5
#C5A4C8
#C1A4CC
#BEA4CF
#BBA4D2
#B7A4D6
#B3A4DA
#C8B3B6
#C3B3BB
#BEB3C0
#B9B3C5
#B4B3CA
#AEB3D0
#A8B3D6
#C8C2A7
#C1C2AE
#BBC2B5
#B4C2BC
#ADC2C3
#A6C2C9
#9EC2D2
#C8D099
#C0D0A1
#B7D0AA
#AFD0B2
#A6D0BA
#9ED0C3
#93D0CD
#C8E386
#BDE391
#B3E39B
#A8E3A6
#9EE3B0
#93E3BB
#86E3C8
Colorpallet from #C886E3 to #C8E386 and to #E3C886
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C895D4
#C994D4
#C994D4
#CA93D4
#CB92D4
#CB92D4
#CC91D4
#C8A4C5
#C9A3C5
#CBA1C5
#CCA0C5
#CE9EC5
#CF9DC5
#D19BC5
#C8B3B6
#CAB1B6
#CCAFB6
#CEADB6
#D0ABB6
#D2A9B6
#D5A6B6
#C8C2A7
#CBBFA7
#CDBCA7
#D0B9A7
#D3B6A7
#D6B4A7
#D9B0A7
#C8D099
#CCCD99
#CFC999
#D3C699
#D6C399
#DABF99
#DEBB99
#C8E386
#CCDF86
#D1DA86
#D5D686
#D9D286
#DECD86
#E3C886
Colorpallet from #C886E3 to #C8E386 and to #E386C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C895D4
#C993D6
#C990D8
#CA8ED9
#CB8BDB
#CB89DD
#CC86DF
#C8A4C5
#C99FC8
#CB9ACC
#CC96CF
#CE91D2
#CF8CD6
#D186DA
#C8B3B6
#CAACBB
#CCA5C0
#CE9DC5
#D096CA
#D28FD0
#D586D6
#C8C2A7
#CBB8AE
#CDAFB5
#D0A5BC
#D39CC3
#D692C9
#D986D2
#C8D099
#CCC4A1
#CFB8AA
#D3ACB2
#D6A1BA
#DA95C3
#DE86CD
#C8E386
#CCD491
#D1C59B
#D5B6A6
#D9A7B0
#DE99BB
#E386C8
Colorpallet from #C886E3 to #86C8E3 and to #86E3C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#BD91E3
#BD92E2
#BD92E2
#BD93E1
#BD94E0
#BD94E0
#BD95DF
#B39BE3
#B39CE2
#B39EE0
#B39FDF
#B3A1DD
#B3A2DC
#B3A4DA
#A8A6E3
#A8A8E1
#A8AADF
#A8ACDD
#A8AEDB
#A8B0D9
#A8B3D6
#9EB0E3
#9EB3E0
#9EB6DE
#9EB9DB
#9EBCD8
#9EBED5
#9EC2D2
#93BBE3
#93BEDF
#93C2DC
#93C5D8
#93C8D5
#93CCD1
#93D0CD
#86C8E3
#86CCDF
#86D1DA
#86D5D6
#86D9D2
#86DECD
#86E3C8
Colorpallet from #C886E3 to #86C8E3 and to #E3C886
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#BD91E3
#BF91E1
#C291DE
#C491DC
#C791D9
#C991D7
#CC91D4
#B39BE3
#B89BDE
#BD9BD9
#C19BD5
#C69BD0
#CB9BCB
#D19BC5
#A8A6E3
#AFA6DC
#B6A6D5
#BEA6CD
#C5A6C6
#CCA6BF
#D5A6B6
#9EB0E3
#A7B0D9
#B1B0D0
#BAB0C6
#C4B0BD
#CDB0B3
#D9B0A7
#93BBE3
#9FBBD7
#ABBBCB
#B7BBBF
#C3BBB4
#CFBBA8
#DEBB99
#86C8E3
#95C8D4
#A4C8C5
#B3C8B6
#C2C8A7
#D0C899
#E3C886
Colorpallet from #C886E3 to #86C8E3 and to #E386C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#BD91E3
#BF8FE2
#C28DE2
#C48CE1
#C78AE0
#C988E0
#CC86DF
#B39BE3
#B898E2
#BD94E0
#C191DF
#C68EDD
#CB8ADC
#D186DA
#A8A6E3
#AFA1E1
#B69CDF
#BE97DD
#C592DB
#CC8CD9
#D586D6
#9EB0E3
#A7A9E0
#B1A3DE
#BA9CDB
#C495D8
#CD8ED5
#D986D2
#93BBE3
#9FB3DF
#ABAADC
#B7A2D8
#C399D5
#CF91D1
#DE86CD
#86C8E3
#95BDDF
#A4B3DA
#B3A8D6
#C29ED2
#D093CD
#E386C8
Colorpallet from #C886E3 to #86E3C8 and to #E3C886
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#BD95DF
#BF94DD
#C294DB
#C493DA
#C792D8
#C992D6
#CC91D4
#B3A4DA
#B8A3D7
#BDA1D3
#C1A0D0
#C69ECD
#CB9DC9
#D19BC5
#A8B3D6
#AFB1D1
#B6AFCC
#BEADC7
#C5ABC2
#CCA9BC
#D5A6B6
#9EC2D2
#A7BFCB
#B1BCC4
#BAB9BD
#C4B6B6
#CDB4B0
#D9B0A7
#93D0CD
#9FCDC5
#ABC9BC
#B7C6B4
#C3C3AC
#CFBFA3
#DEBB99
#86E3C8
#95DFBD
#A4DAB3
#B3D6A8
#C2D29E
#D0CD93
#E3C886
Colorpallet from #C886E3 to #86E3C8 and to #E386C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#BD95DF
#BF93DF
#C290DF
#C48EDF
#C78BDF
#C989DF
#CC86DF
#B3A4DA
#B89FDA
#BD9ADA
#C196DA
#C691DA
#CB8CDA
#D186DA
#A8B3D6
#AFACD6
#B6A5D6
#BE9DD6
#C596D6
#CC8FD6
#D586D6
#9EC2D2
#A7B8D2
#B1AFD2
#BAA5D2
#C49CD2
#CD92D2
#D986D2
#93D0CD
#9FC4CD
#ABB8CD
#B7ACCD
#C3A1CD
#CF95CD
#DE86CD
#86E3C8
#95D4C8
#A4C5C8
#B3B6C8
#C2A7C8
#D099C8
#E386C8
Colorpallet from #C886E3 to #E3C886 and to #E386C8
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#C886E3
#CC91D4
#CC8FD6
#CC8DD8
#CC8CD9
#CC8ADB
#CC88DD
#CC86DF
#D19BC5
#D198C8
#D194CC
#D191CF
#D18ED2
#D18AD6
#D186DA
#D5A6B6
#D5A1BB
#D59CC0
#D597C5
#D592CA
#D58CD0
#D586D6
#D9B0A7
#D9A9AE
#D9A3B5
#D99CBC
#D995C3
#D98EC9
#D986D2
#DEBB99
#DEB3A1
#DEAAAA
#DEA2B2
#DE99BA
#DE91C3
#DE86CD
#E3C886
#E3BD91
#E3B39B
#E3A8A6
#E39EB0
#E393BB
#E386C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
