#800080 to #ffd700 gradient color

Generate any gradient between two colors. Just type your colors separated by the word "to" in the search field. ColorHexa will then display a RGB, HSV and Reverse HSV gradient. If you just want to blend two (or more) colors together, you might be interested by our color mixer tool.

#800080
```
#800080 rgb(128,0,128)
```
#8b1275
```
#8b1275 rgb(139,18,117)
```
#95246b
```
#95246b rgb(149,36,107)
```
#a03660
```
#a03660 rgb(160,54,96)
```
#aa4855
```
#aa4855 rgb(170,72,85)
```
#b55a4b
```
#b55a4b rgb(181,90,75)
```
#c06b40
```
#c06b40 rgb(192,107,64)
```
#ca7d35
```
#ca7d35 rgb(202,125,53)
```
#d58f2b
```
#d58f2b rgb(213,143,43)
```
#dfa120
```
#dfa120 rgb(223,161,32)
```
#eab315
```
#eab315 rgb(234,179,21)
```
#f4c50b
```
#f4c50b rgb(244,197,11)
```
#ffd700
```
#ffd700 rgb(255,215,0)
```

RGB Gradient

#800080
```
#800080 rgb(128,0,128)
```
#8b0075
```
#8b0075 rgb(139,0,117)
```
#950067
```
#950067 rgb(149,0,103)
```
#a00056
```
#a00056 rgb(160,0,86)
```
#aa0042
```
#aa0042 rgb(170,0,66)
```
#b5002a
```
#b5002a rgb(181,0,42)
```
#c0000f
```
#c0000f rgb(192,0,15)
```
#ca0f00
```
#ca0f00 rgb(202,15,0)
```
#d53100
```
#d53100 rgb(213,49,0)
```
#df5500
```
#df5500 rgb(223,85,0)
```
#ea7d00
```
#ea7d00 rgb(234,125,0)
```
#f4a900
```
#f4a900 rgb(244,169,0)
```
#ffd700
```
#ffd700 rgb(255,215,0)
```

HSV Gradient

#800080
```
#800080 rgb(128,0,128)
```
#5b008b
```
#5b008b rgb(91,0,139)
```
#2e0095
```
#2e0095 rgb(46,0,149)
```
#0006a0
```
#0006a0 rgb(0,6,160)
```
#0042aa
```
#0042aa rgb(0,66,170)
```
#0084b5
```
#0084b5 rgb(0,132,181)
```
#00c0b0
```
#00c0b0 rgb(0,192,176)
```
#00ca74
```
#00ca74 rgb(0,202,116)
```
#00d531
```
#00d531 rgb(0,213,49)
```
#1adf00
```
#1adf00 rgb(26,223,0)
```
#6dea00
```
#6dea00 rgb(109,234,0)
```
#c6f400
```
#c6f400 rgb(198,244,0)
```
#ffd700
```
#ffd700 rgb(255,215,0)
```

Reverse HSV Gradient

background: #800080;
									background: -webkit-linear-gradient(left, #800080, #ffd700);
									background:    -moz-linear-gradient(left, #800080, #ffd700);
									background:     -ms-linear-gradient(left, #800080, #ffd700);
									background:      -o-linear-gradient(left, #800080, #ffd700);
									background:         linear-gradient(to right, #800080, #ffd700);

Linear Gradient (Select : left to right, right to left, top to bottom, bottom to top)