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 #C3B77D to #C37DB7 and to #B7C37D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3AE86
#C3B085
#C2B283
#C2B382
#C2B580
#C1B77F
#C1B97D
#C3A490
#C2A88D
#C2AB8A
#C1AF87
#C0B384
#C0B681
#BFBB7D
#C39B99
#C2A095
#C1A690
#C0AB8C
#BFB187
#BEB683
#BDBD7D
#C392A2
#C2999C
#C0A096
#BFA890
#BEAF8A
#BDB684
#BBBF7D
#C389AB
#C192A4
#C09B9C
#BEA495
#BDAD8E
#BBB686
#B9C17D
#C37DB7
#C188AE
#BF93A4
#BD9F9B
#BBAA92
#B9B589
#B7C37D
Colorpallet from #C3B77D to #C37DB7 and to #B77DC3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3AE86
#C3AE86
#C2AE87
#C2AE87
#C2AE87
#C1AE88
#C1AE88
#C3A490
#C2A490
#C2A491
#C1A491
#C0A492
#C0A492
#BFA493
#C39B99
#C29B9A
#C19B9B
#C09B9C
#BF9B9D
#BE9B9E
#BD9B9F
#C392A2
#C292A3
#C092A5
#BF92A6
#BE92A7
#BD92A8
#BB92AA
#C389AB
#C189AD
#C089AE
#BE89B0
#BD89B1
#BB89B3
#B989B5
#C37DB7
#C17DB9
#BF7DBB
#BD7DBD
#BB7DBF
#B97DC1
#B77DC3
Colorpallet from #C3B77D to #C37DB7 and to #7DC3B7
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3AE86
#C1B086
#BFB286
#BEB386
#BCB586
#BAB786
#B8B986
#C3A490
#BFA890
#BCAB90
#B8AF90
#B5B390
#B1B690
#ADBB90
#C39B99
#BEA099
#B8A699
#B3AB99
#ADB199
#A8B699
#A1BD99
#C392A2
#BC99A2
#B5A0A2
#ADA8A2
#A6AFA2
#9FB6A2
#96BFA2
#C389AB
#BA92AB
#B19BAB
#A8A4AB
#9FADAB
#96B6AB
#8BC1AB
#C37DB7
#B888B7
#AD93B7
#A19FB7
#96AAB7
#8BB5B7
#7DC3B7
Colorpallet from #C3B77D to #C37DB7 and to #7DB7C3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3AE86
#C1AF86
#BFB187
#BEB287
#BCB487
#BAB588
#B8B788
#C3A490
#BFA790
#BCAA91
#B8AD91
#B5B092
#B1B392
#ADB793
#C39B99
#BE9F9A
#B8A49B
#B3A89C
#ADAD9D
#A8B19E
#A1B79F
#C392A2
#BC98A3
#B59EA5
#ADA4A6
#A6AAA7
#9FB0A8
#96B7AA
#C389AB
#BA90AD
#B198AE
#A89FB0
#9FA6B1
#96AEB3
#8BB7B5
#C37DB7
#B886B9
#AD90BB
#A199BD
#96A2BF
#8BABC1
#7DB7C3
Colorpallet from #C3B77D to #B7C37D and to #B77DC3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C1B97D
#C1B77F
#C1B581
#C1B482
#C1B284
#C1B086
#C1AE88
#BFBB7D
#BFB781
#BFB484
#BFB088
#BFAC8B
#BFA98F
#BFA493
#BDBD7D
#BDB882
#BDB288
#BDAD8D
#BDA793
#BDA298
#BD9B9F
#BBBF7D
#BBB884
#BBB18B
#BBA993
#BBA29A
#BB9BA1
#BB92AA
#B9C17D
#B9B886
#B9AF8F
#B9A698
#B99DA1
#B994AA
#B989B5
#B7C37D
#B7B888
#B7AD93
#B7A19F
#B796AA
#B78BB5
#B77DC3
Colorpallet from #C3B77D to #B7C37D and to #7DC3B7
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C1B97D
#C0B97E
#BEB980
#BDB981
#BBB983
#BAB984
#B8B986
#BFBB7D
#BCBB80
#B9BB83
#B6BB86
#B3BB89
#B1BB8C
#ADBB90
#BDBD7D
#B9BD81
#B4BD86
#B0BD8A
#ABBD8F
#A7BD93
#A1BD99
#BBBF7D
#B5BF83
#AFBF89
#A9BF8F
#A3BF95
#9DBF9B
#96BFA2
#B9C17D
#B2C184
#AAC18C
#A3C193
#9CC19A
#94C1A2
#8BC1AB
#B7C37D
#AEC386
#A4C390
#9BC399
#92C3A2
#89C3AB
#7DC3B7
Colorpallet from #C3B77D to #B7C37D and to #7DB7C3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C1B97D
#C0B97F
#BEB881
#BDB882
#BBB884
#BAB786
#B8B788
#BFBB7D
#BCBA81
#B9BA84
#B6B988
#B3B88B
#B1B88F
#ADB793
#BDBD7D
#B9BC82
#B4BB88
#B0BA8D
#ABB993
#A7B898
#A1B79F
#BBBF7D
#B5BE84
#AFBC8B
#A9BB93
#A3BA9A
#9DB9A1
#96B7AA
#B9C17D
#B2BF86
#AABE8F
#A3BC98
#9CBBA1
#94B9AA
#8BB7B5
#B7C37D
#AEC188
#A4BF93
#9BBD9F
#92BBAA
#89B9B5
#7DB7C3
Colorpallet from #C3B77D to #B77DC3 and to #7DC3B7
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C1AE88
#C0B088
#BEB287
#BDB387
#BBB587
#BAB786
#B8B986
#BFA493
#BCA893
#B9AB92
#B6AF92
#B3B391
#B1B691
#ADBB90
#BD9B9F
#B9A09E
#B4A69D
#B0AB9C
#ABB19B
#A7B69A
#A1BD99
#BB92AA
#B599A9
#AFA0A7
#A9A8A6
#A3AFA5
#9DB6A4
#96BFA2
#B989B5
#B292B3
#AA9BB2
#A3A4B0
#9CADAF
#94B6AD
#8BC1AB
#B77DC3
#AE88C1
#A493BF
#9B9FBD
#92AABB
#89B5B9
#7DC3B7
Colorpallet from #C3B77D to #B77DC3 and to #7DB7C3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C1AE88
#C0AF88
#BEB188
#BDB288
#BBB488
#BAB588
#B8B788
#BFA493
#BCA793
#B9AA93
#B6AD93
#B3B093
#B1B393
#ADB793
#BD9B9F
#B99F9F
#B4A49F
#B0A89F
#ABAD9F
#A7B19F
#A1B79F
#BB92AA
#B598AA
#AF9EAA
#A9A4AA
#A3AAAA
#9DB0AA
#96B7AA
#B989B5
#B290B5
#AA98B5
#A39FB5
#9CA6B5
#94AEB5
#8BB7B5
#B77DC3
#AE86C3
#A490C3
#9B99C3
#92A2C3
#89ABC3
#7DB7C3
Colorpallet from #C3B77D to #7DC3B7 and to #7DB7C3
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#C3B77D
#B8B986
#B8B986
#B8B887
#B8B887
#B8B887
#B8B788
#B8B788
#ADBB90
#ADBA90
#ADBA91
#ADB991
#ADB892
#ADB892
#ADB793
#A1BD99
#A1BC9A
#A1BB9B
#A1BA9C
#A1B99D
#A1B89E
#A1B79F
#96BFA2
#96BEA3
#96BCA5
#96BBA6
#96BAA7
#96B9A8
#96B7AA
#8BC1AB
#8BBFAD
#8BBEAE
#8BBCB0
#8BBBB1
#8BB9B3
#8BB7B5
#7DC3B7
#7DC1B9
#7DBFBB
#7DBDBD
#7DBBBF
#7DB9C1
#7DB7C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
