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 #B0C189 to #B089C1 and to #C1B089
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0B892
#B0B991
#B1BA8F
#B1BB8E
#B2BC8C
#B2BD8B
#B3BE89
#B0AF9B
#B1B198
#B2B395
#B2B592
#B3B78F
#B4B98D
#B5BC89
#B0A6A4
#B1A9A0
#B3AC9B
#B4AF97
#B5B293
#B6B58E
#B8B989
#B09DAD
#B2A1A7
#B4A5A1
#B5A99C
#B7AD96
#B9B190
#BBB689
#B094B6
#B299AF
#B49EA8
#B7A3A0
#B9A899
#BBAD92
#BEB389
#B089C1
#B38FB8
#B595AF
#B89CA6
#BBA29D
#BEA894
#C1B089
Colorpallet from #B0C189 to #B089C1 and to #C189B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0B892
#B0B892
#B1B891
#B1B891
#B2B890
#B2B890
#B3B88F
#B0AF9B
#B1AF9A
#B2AF99
#B2AF98
#B3AF97
#B4AF96
#B5AF95
#B0A6A4
#B1A6A3
#B3A6A1
#B4A6A0
#B5A69F
#B6A69E
#B8A69C
#B09DAD
#B29DAB
#B49DA9
#B59DA8
#B79DA6
#B99DA4
#BB9DA2
#B094B6
#B294B4
#B494B2
#B794AF
#B994AD
#BB94AB
#BE94A8
#B089C1
#B389BE
#B589BC
#B889B9
#BB89B6
#BE89B3
#C189B0
Colorpallet from #B0C189 to #B089C1 and to #89B0C1
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0B892
#AFB992
#AEBA92
#ADBB92
#ACBC92
#ABBD92
#AABE92
#B0AF9B
#AEB19B
#ACB39B
#AAB59B
#A8B79B
#A6B99B
#A4BC9B
#B0A6A4
#ADA9A4
#AAACA4
#A7AFA4
#A4B2A4
#A1B5A4
#9DB9A4
#B09DAD
#ACA1AD
#A8A5AD
#A4A9AD
#A0ADAD
#9CB1AD
#97B6AD
#B094B6
#AB99B6
#A69EB6
#A1A3B6
#9CA8B6
#97ADB6
#91B3B6
#B089C1
#AA8FC1
#A495C1
#9D9CC1
#97A2C1
#91A8C1
#89B0C1
Colorpallet from #B0C189 to #B089C1 and to #89C1B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0B892
#AFB992
#AEBB91
#ADBC91
#ACBE90
#ABBF90
#AAC18F
#B0AF9B
#AEB29A
#ACB599
#AAB898
#A8BB97
#A6BD96
#A4C195
#B0A6A4
#ADAAA3
#AAAFA1
#A7B3A0
#A4B79F
#A1BC9E
#9DC19C
#B09DAD
#ACA3AB
#A8A9A9
#A4AEA8
#A0B4A6
#9CBAA4
#97C1A2
#B094B6
#AB9BB4
#A6A2B2
#A1AAAF
#9CB1AD
#97B8AB
#91C1A8
#B089C1
#AA92BE
#A49BBC
#9DA4B9
#97ADB6
#91B6B3
#89C1B0
Colorpallet from #B0C189 to #C1B089 and to #C189B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B3BE89
#B3BD8A
#B3BC8B
#B3BB8C
#B3BA8D
#B3B98E
#B3B88F
#B5BC89
#B5BA8B
#B5B88D
#B5B68F
#B5B491
#B5B293
#B5AF95
#B8B989
#B8B68C
#B8B38F
#B8B092
#B8AD95
#B8AA98
#B8A69C
#BBB689
#BBB28D
#BBAE91
#BBAA95
#BBA699
#BBA29D
#BB9DA2
#BEB389
#BEAE8E
#BEA993
#BEA498
#BE9F9D
#BE9AA2
#BE94A8
#C1B089
#C1AA8F
#C1A495
#C19D9C
#C197A2
#C191A8
#C189B0
Colorpallet from #B0C189 to #C1B089 and to #89B0C1
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B3BE89
#B2BE8A
#B0BE8C
#AFBE8D
#ADBE8F
#ACBE90
#AABE92
#B5BC89
#B2BC8C
#B0BC8F
#ADBC92
#AABC95
#A7BC97
#A4BC9B
#B8B989
#B4B98D
#AFB992
#ABB996
#A7B99A
#A2B99F
#9DB9A4
#BBB689
#B5B68F
#AFB695
#AAB69A
#A4B6A0
#9EB6A6
#97B6AD
#BEB389
#B7B390
#B0B397
#A8B39F
#A1B3A6
#9AB3AD
#91B3B6
#C1B089
#B8B092
#AFB09B
#A6B0A4
#9DB0AD
#94B0B6
#89B0C1
Colorpallet from #B0C189 to #C1B089 and to #89C1B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B3BE89
#B2BE8A
#B0BF8B
#AFBF8C
#ADC08D
#ACC08E
#AAC18F
#B5BC89
#B2BD8B
#B0BE8D
#ADBE8F
#AABF91
#A7C093
#A4C195
#B8B989
#B4BA8C
#AFBC8F
#ABBD92
#A7BE95
#A2BF98
#9DC19C
#BBB689
#B5B88D
#AFBA91
#AABB95
#A4BD99
#9EBF9D
#97C1A2
#BEB389
#B7B58E
#B0B793
#A8BA98
#A1BC9D
#9ABEA2
#91C1A8
#C1B089
#B8B38F
#AFB595
#A6B89C
#9DBBA2
#94BEA8
#89C1B0
Colorpallet from #B0C189 to #C189B0 and to #89B0C1
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B3B88F
#B2B98F
#B0BA90
#AFBB90
#ADBC91
#ACBD91
#AABE92
#B5AF95
#B2B196
#B0B397
#ADB598
#AAB799
#A7B99A
#A4BC9B
#B8A69C
#B4A99D
#AFAC9F
#ABAFA0
#A7B2A1
#A2B5A2
#9DB9A4
#BB9DA2
#B5A1A4
#AFA5A6
#AAA9A7
#A4ADA9
#9EB1AB
#97B6AD
#BE94A8
#B799AA
#B09EAC
#A8A3AF
#A1A8B1
#9AADB3
#91B3B6
#C189B0
#B88FB3
#AF95B5
#A69CB8
#9DA2BB
#94A8BE
#89B0C1
Colorpallet from #B0C189 to #C189B0 and to #89C1B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B3B88F
#B2B98F
#B0BB8F
#AFBC8F
#ADBE8F
#ACBF8F
#AAC18F
#B5AF95
#B2B295
#B0B595
#ADB895
#AABB95
#A7BD95
#A4C195
#B8A69C
#B4AA9C
#AFAF9C
#ABB39C
#A7B79C
#A2BC9C
#9DC19C
#BB9DA2
#B5A3A2
#AFA9A2
#AAAEA2
#A4B4A2
#9EBAA2
#97C1A2
#BE94A8
#B79BA8
#B0A2A8
#A8AAA8
#A1B1A8
#9AB8A8
#91C1A8
#C189B0
#B892B0
#AF9BB0
#A6A4B0
#9DADB0
#94B6B0
#89C1B0
Colorpallet from #B0C189 to #89B0C1 and to #89C1B0
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#B0C189
#AABE92
#AABE92
#AABF91
#AABF91
#AAC090
#AAC090
#AAC18F
#A4BC9B
#A4BD9A
#A4BE99
#A4BE98
#A4BF97
#A4C096
#A4C195
#9DB9A4
#9DBAA3
#9DBCA1
#9DBDA0
#9DBE9F
#9DBF9E
#9DC19C
#97B6AD
#97B8AB
#97BAA9
#97BBA8
#97BDA6
#97BFA4
#97C1A2
#91B3B6
#91B5B4
#91B7B2
#91BAAF
#91BCAD
#91BEAB
#91C1A8
#89B0C1
#89B3BE
#89B5BC
#89B8B9
#89BBB6
#89BEB3
#89C1B0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
