# Warm magenta, orange and dark purple radial gradient

Warm magenta, orange and dark purple radial gradient with 48 colors: #b0038c, #b60688, #be0982, #c70e7a, #d11571, #db1d67, #e4285a, #ec344d, #f3413f, #f94f2f, #fd5e1d, #ff710f, #ff8518, #ff9928, #ffab38, #ffbb48, #ffc956, #fed565, #fcdd71, #fbe177, #fae277, #fadf71, #fada66, #fad358, #fbca45, #fbbf2d, #fbb301, #f7a800, #f39d00, #ee9200, #e88600, #e17800, #da6800, #d35700, #cc4300, #c62800, #ba1117, #ab0025, #9a002e, #890033, #780035, #670035, #570033, #480030, #3b012b, #2e0226, #250320, #1e031c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYgqDyVUxGfOvRxgwbzuUU5xWXuk`
- Page: https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk?style=radialGradient&steps=48&angle=225
- Drawn as: radial gradient, 48 steps, 225 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 14.9 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#b0038c` | `oklch(51.18% 0.2205 340.31)` | Blissful Berry | white, 6.4 to 1 |
| 2 | `#b60688` | `oklch(52.15% 0.2201 343.80)` | Vibrant Velvet | white, 6.2 to 1 |
| 3 | `#be0982` | `oklch(53.35% 0.2201 348.29)` | Vibrant Velvet | white, 5.8 to 1 |
| 4 | `#c70e7a` | `oklch(54.76% 0.2202 353.60)` | Bramble Jam | white, 5.5 to 1 |
| 5 | `#d11571` | `oklch(56.35% 0.2201 359.56)` | Moth Orchid | white, 5.1 to 1 |
| 6 | `#db1d67` | `oklch(58.09% 0.2198 5.99)` | Purple Yearning | white, 4.8 to 1 |
| 7 | `#e4285a` | `oklch(59.97% 0.2190 12.70)` | Radiant Raspberry | black, 4.7 to 1 |
| 8 | `#ec344d` | `oklch(61.94% 0.2174 19.53)` | Desire | black, 5.1 to 1 |
| 9 | `#f3413f` | `oklch(63.99% 0.2149 26.28)` | Flamboyant | black, 5.6 to 1 |
| 10 | `#f94f2f` | `oklch(66.08% 0.2113 32.77)` | Flame Angelfish | black, 6.1 to 1 |
| 11 | `#fd5e1d` | `oklch(68.31% 0.2060 39.12)` | Giants Orange | black, 6.7 to 1 |
| 12 | `#ff710f` | `oklch(71.00% 0.1951 46.24)` | Arancio | black, 7.6 to 1 |
| 13 | `#ff8518` | `oklch(74.05% 0.1799 53.91)` | The New Black | black, 8.6 to 1 |
| 14 | `#ff9928` | `oklch(77.29% 0.1668 61.82)` | Dragon Ball | black, 9.8 to 1 |
| 15 | `#ffab38` | `oklch(80.54% 0.1563 69.64)` | Blissful Orange | black, 11.1 to 1 |
| 16 | `#ffbb48` | `oklch(83.63% 0.1485 77.04)` | Just Ducky | black, 12.4 to 1 |
| 17 | `#ffc956` | `oklch(86.39% 0.1436 83.68)` | Nacho | black, 13.7 to 1 |
| 18 | `#fed565` | `oklch(88.66% 0.1377 89.24)` | Aspen Gold | black, 14.9 to 1 |
| 19 | `#fcdd71` | `oklch(90.26% 0.1319 93.40)` | Hawkbit | black, 15.7 to 1 |
| 20 | `#fbe177` | `oklch(91.03% 0.1293 95.84)` | Sweet Corn | black, 16.1 to 1 |
| 21 | `#fae277` | `oklch(91.04% 0.1300 96.61)` | Sweet Corn | black, 16.1 to 1 |
| 22 | `#fadf71` | `oklch(90.46% 0.1333 95.99)` | Pale Gold | black, 15.8 to 1 |
| 23 | `#fada66` | `oklch(89.35% 0.1388 94.21)` | Sunbound | black, 15.3 to 1 |
| 24 | `#fad358` | `oklch(87.82% 0.1456 91.48)` | Salmon Eggs | black, 14.5 to 1 |
| 25 | `#fbca45` | `oklch(85.92% 0.1533 88.00)` | English Daisy | black, 13.6 to 1 |
| 26 | `#fbbf2d` | `oklch(83.76% 0.1612 84.00)` | Sunflower Valley | black, 12.6 to 1 |
| 27 | `#fbb301` | `oklch(81.41% 0.1687 79.68)` | Dithered Amber | black, 11.5 to 1 |
| 28 | `#f7a800` | `oklch(78.96% 0.1664 75.26)` | Spectra Yellow | black, 10.5 to 1 |
| 29 | `#f39d00` | `oklch(76.48% 0.1647 70.95)` | DodgeRoll Gold | black, 9.6 to 1 |
| 30 | `#ee9200` | `oklch(73.90% 0.1637 66.64)` | Shiritorier’s Orange | black, 8.7 to 1 |
| 31 | `#e88600` | `oklch(70.99% 0.1637 61.80)` | Master Round Yellow | black, 7.8 to 1 |
| 32 | `#e17800` | `oklch(67.81% 0.1650 56.50)` | Pumpkin Soup | black, 6.8 to 1 |
| 33 | `#da6800` | `oklch(64.42% 0.1682 50.87)` | Apple II Chocolate | black, 5.9 to 1 |
| 34 | `#d35700` | `oklch(60.89% 0.1740 45.01)` | Tomato Bisque | black, 5.1 to 1 |
| 35 | `#cc4300` | `oklch(57.30% 0.1834 39.04)` | Mellow Mango | white, 4.7 to 1 |
| 36 | `#c62800` | `oklch(53.70% 0.1978 33.07)` | Minestrone | white, 5.6 to 1 |
| 37 | `#ba1117` | `oklch(50.19% 0.1969 27.24)` | Sinoper Red | white, 6.5 to 1 |
| 38 | `#ab0025` | `oklch(46.82% 0.1885 21.62)` | Incarnadine | white, 7.6 to 1 |
| 39 | `#9a002e` | `oklch(43.62% 0.1745 16.24)` | Lifeline | white, 8.6 to 1 |
| 40 | `#890033` | `oklch(40.30% 0.1611 10.63)` | Macabre | white, 9.9 to 1 |
| 41 | `#780035` | `oklch(36.86% 0.1481 4.80)` | Merlot | white, 11.3 to 1 |
| 42 | `#670035` | `oklch(33.39% 0.1357 358.90)` | Spanish Purple | white, 12.8 to 1 |
| 43 | `#570033` | `oklch(29.99% 0.1238 353.09)` | Mulberry Wood | white, 14.4 to 1 |
| 44 | `#480030` | `oklch(26.73% 0.1125 347.52)` | Dark Sanctuary | white, 15.8 to 1 |
| 45 | `#3b012b` | `oklch(23.67% 0.1002 342.31)` | Dark Sanctuary | white, 17.1 to 1 |
| 46 | `#2e0226` | `oklch(20.98% 0.0856 337.71)` | Globe Thistle | white, 18.1 to 1 |
| 47 | `#250320` | `oklch(18.70% 0.0735 333.82)` | Black Sabbath | white, 18.8 to 1 |
| 48 | `#1e031c` | `oklch(16.93% 0.0648 330.80)` | Black Sabbath | white, 19.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b0038c 0.0%, #b60688 2.1%, #be0982 4.3%, #c70e7a 6.4%, #d11571 8.5%, #db1d67 10.6%, #e4285a 12.8%, #ec344d 14.9%, #f3413f 17.0%, #f94f2f 19.1%, #fd5e1d 21.3%, #ff710f 23.4%, #ff8518 25.5%, #ff9928 27.7%, #ffab38 29.8%, #ffbb48 31.9%, #ffc956 34.0%, #fed565 36.2%, #fcdd71 38.3%, #fbe177 40.4%, #fae277 42.6%, #fadf71 44.7%, #fada66 46.8%, #fad358 48.9%, #fbca45 51.1%, #fbbf2d 53.2%, #fbb301 55.3%, #f7a800 57.4%, #f39d00 59.6%, #ee9200 61.7%, #e88600 63.8%, #e17800 66.0%, #da6800 68.1%, #d35700 70.2%, #cc4300 72.3%, #c62800 74.5%, #ba1117 76.6%, #ab0025 78.7%, #9a002e 80.9%, #890033 83.0%, #780035 85.1%, #670035 87.2%, #570033 89.4%, #480030 91.5%, #3b012b 93.6%, #2e0226 95.7%, #250320 97.9%, #1e031c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.18% 0.2205 340.31) 0.0%, oklch(52.15% 0.2201 343.80) 2.1%, oklch(53.35% 0.2201 348.29) 4.3%, oklch(54.76% 0.2202 353.60) 6.4%, oklch(56.35% 0.2201 359.56) 8.5%, oklch(58.09% 0.2198 5.99) 10.6%, oklch(59.97% 0.2190 12.70) 12.8%, oklch(61.94% 0.2174 19.53) 14.9%, oklch(63.99% 0.2149 26.28) 17.0%, oklch(66.08% 0.2113 32.77) 19.1%, oklch(68.31% 0.2060 39.12) 21.3%, oklch(71.00% 0.1951 46.24) 23.4%, oklch(74.05% 0.1799 53.91) 25.5%, oklch(77.29% 0.1668 61.82) 27.7%, oklch(80.54% 0.1563 69.64) 29.8%, oklch(83.63% 0.1485 77.04) 31.9%, oklch(86.39% 0.1436 83.68) 34.0%, oklch(88.66% 0.1377 89.24) 36.2%, oklch(90.26% 0.1319 93.40) 38.3%, oklch(91.03% 0.1293 95.84) 40.4%, oklch(91.04% 0.1300 96.61) 42.6%, oklch(90.46% 0.1333 95.99) 44.7%, oklch(89.35% 0.1388 94.21) 46.8%, oklch(87.82% 0.1456 91.48) 48.9%, oklch(85.92% 0.1533 88.00) 51.1%, oklch(83.76% 0.1612 84.00) 53.2%, oklch(81.41% 0.1687 79.68) 55.3%, oklch(78.96% 0.1664 75.26) 57.4%, oklch(76.48% 0.1647 70.95) 59.6%, oklch(73.90% 0.1637 66.64) 61.7%, oklch(70.99% 0.1637 61.80) 63.8%, oklch(67.81% 0.1650 56.50) 66.0%, oklch(64.42% 0.1682 50.87) 68.1%, oklch(60.89% 0.1740 45.01) 70.2%, oklch(57.30% 0.1834 39.04) 72.3%, oklch(53.70% 0.1978 33.07) 74.5%, oklch(50.19% 0.1969 27.24) 76.6%, oklch(46.82% 0.1885 21.62) 78.7%, oklch(43.62% 0.1745 16.24) 80.9%, oklch(40.30% 0.1611 10.63) 83.0%, oklch(36.86% 0.1481 4.80) 85.1%, oklch(33.39% 0.1357 358.90) 87.2%, oklch(29.99% 0.1238 353.09) 89.4%, oklch(26.73% 0.1125 347.52) 91.5%, oklch(23.67% 0.1002 342.31) 93.6%, oklch(20.98% 0.0856 337.71) 95.7%, oklch(18.70% 0.0735 333.82) 97.9%, oklch(16.93% 0.0648 330.80) 100.0%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.22 | 340.3 |
| 2 | 0.669 | 0.209 | 395.3 |
| 3 | 0.909 | 0.13 | 455.5 |
| 4 | 0.76 | 0.181 | 430.1 |
| 5 | 0.449 | 0.19 | 378.4 |
| 6 | 0.169 | 0.065 | 330.8 |

## In these collections

- [Diwali gradients](https://grabient.com/diwali-gradients)

## Other forms

- [JSON](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.json?style=radialGradient&steps=48&angle=225)
- [PNG](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.png?style=radialGradient&steps=48&angle=225)
- [SVG](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.svg?style=radialGradient&steps=48&angle=225)
- [CSS](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.css?style=radialGradient&steps=48&angle=225)
- [ASE](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.ase?style=radialGradient&steps=48&angle=225)
- [GPL](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.gpl?style=radialGradient&steps=48&angle=225)
- [GRD](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.grd?style=radialGradient&steps=48&angle=225)
- [Design tokens](https://grabient.com/kYgqDyVUxGfOvRxgwbzuUU5xWXuk.tokens.json?style=radialGradient&steps=48&angle=225)
- [Social card](https://grabient.com/api/og?seed=kYgqDyVUxGfOvRxgwbzuUU5xWXuk&style=radialGradient&steps=48&angle=225)
- [Palettes like this one](https://grabient.com/palettes?q=kYgqDyVUxGfOvRxgwbzuUU5xWXuk)
- [Guide for agents](https://grabient.com/llms.txt)