#ff00ff to #0000ff 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.

#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ea00ff
```
#ea00ff rgb(234,0,255)
```
#d400ff
```
#d400ff rgb(212,0,255)
```
#bf00ff
```
#bf00ff rgb(191,0,255)
```
#aa00ff
```
#aa00ff rgb(170,0,255)
```
#9500ff
```
#9500ff rgb(149,0,255)
```
#8000ff
```
#8000ff rgb(128,0,255)
```
#6a00ff
```
#6a00ff rgb(106,0,255)
```
#5500ff
```
#5500ff rgb(85,0,255)
```
#4000ff
```
#4000ff rgb(64,0,255)
```
#2b00ff
```
#2b00ff rgb(43,0,255)
```
#1500ff
```
#1500ff rgb(21,0,255)
```
#0000ff
```
#0000ff rgb(0,0,255)
```

RGB Gradient

#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ff0095
```
#ff0095 rgb(255,0,149)
```
#ff002b
```
#ff002b rgb(255,0,43)
```
#ff4000
```
#ff4000 rgb(255,64,0)
```
#ffaa00
```
#ffaa00 rgb(255,170,0)
```
#eaff00
```
#eaff00 rgb(234,255,0)
```
#80ff00
```
#80ff00 rgb(128,255,0)
```
#15ff00
```
#15ff00 rgb(21,255,0)
```
#00ff55
```
#00ff55 rgb(0,255,85)
```
#00ffbf
```
#00ffbf rgb(0,255,191)
```
#00d5ff
```
#00d5ff rgb(0,213,255)
```
#006aff
```
#006aff rgb(0,106,255)
```
#0000ff
```
#0000ff rgb(0,0,255)
```

HSV Gradient

#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ea00ff
```
#ea00ff rgb(234,0,255)
```
#d500ff
```
#d500ff rgb(213,0,255)
```
#bf00ff
```
#bf00ff rgb(191,0,255)
```
#aa00ff
```
#aa00ff rgb(170,0,255)
```
#9500ff
```
#9500ff rgb(149,0,255)
```
#8000ff
```
#8000ff rgb(128,0,255)
```
#6a00ff
```
#6a00ff rgb(106,0,255)
```
#5500ff
```
#5500ff rgb(85,0,255)
```
#4000ff
```
#4000ff rgb(64,0,255)
```
#2a00ff
```
#2a00ff rgb(42,0,255)
```
#1500ff
```
#1500ff rgb(21,0,255)
```
#0000ff
```
#0000ff rgb(0,0,255)
```

Reverse HSV Gradient

background: #ff00ff;
									background: -webkit-linear-gradient(left, #ff00ff, #0000ff);
									background:    -moz-linear-gradient(left, #ff00ff, #0000ff);
									background:     -ms-linear-gradient(left, #ff00ff, #0000ff);
									background:      -o-linear-gradient(left, #ff00ff, #0000ff);
									background:         linear-gradient(to right, #ff00ff, #0000ff);

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