# Dark purple, orange, magenta and red radial gradient

Dark purple, orange, magenta and red radial gradient with 40 colors: #220125, #2a0329, #36072e, #440e32, #551636, #682038, #7b2b39, #8d3838, #9f4534, #af532e, #bc6127, #c76d1d, #d07712, #d67e02, #db8000, #df8000, #e47b00, #e87402, #ea6b19, #ea602b, #e8553a, #e44a48, #df4054, #d9365e, #d32e66, #cd286c, #c9236f, #c61e6f, #c31a6d, #c01569, #bd1164, #bb0c5e, #b80857, #b6054f, #b30348, #b10240, #ae0239, #ac0233, #aa022e, #a9012a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kULjvnVbfLkbKuG7Q8JA`
- Page: https://grabient.com/kULjvnVbfLkbKuG7Q8JA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#220125` | `oklch(18.11% 0.0813 324.84)` | Black Sabbath | white, 19.1 to 1 |
| 2 | `#2a0329` | `oklch(20.45% 0.0845 329.62)` | Globe Thistle | white, 18.3 to 1 |
| 3 | `#36072e` | `oklch(23.58% 0.0886 336.17)` | Cured Eggplant | white, 17.1 to 1 |
| 4 | `#440e32` | `oklch(27.36% 0.0933 344.13)` | Blackberry | white, 15.4 to 1 |
| 5 | `#551636` | `oklch(31.62% 0.0987 353.14)` | Tulip Poplar Purple | white, 13.4 to 1 |
| 6 | `#682038` | `oklch(36.23% 0.1045 2.84)` | Squid Hat | white, 11.3 to 1 |
| 7 | `#7b2b39` | `oklch(41.03% 0.1107 12.90)` | Paprika | white, 9.3 to 1 |
| 8 | `#8d3838` | `oklch(45.87% 0.1171 22.94)` | Red Bay | white, 7.6 to 1 |
| 9 | `#9f4534` | `oklch(50.60% 0.1235 32.62)` | Burnt Earth | white, 6.2 to 1 |
| 10 | `#af532e` | `oklch(55.07% 0.1300 41.58)` | Red Stage | white, 5.1 to 1 |
| 11 | `#bc6127` | `oklch(59.12% 0.1363 49.47)` | Hell’s Bells | black, 4.8 to 1 |
| 12 | `#c76d1d` | `oklch(62.62% 0.1423 55.92)` | Caramelised Peach | black, 5.6 to 1 |
| 13 | `#d07712` | `oklch(65.40% 0.1479 60.59)` | Tree Sap | black, 6.3 to 1 |
| 14 | `#d67e02` | `oklch(67.32% 0.1530 63.12)` | Orange Pepper | black, 6.8 to 1 |
| 15 | `#db8000` | `oklch(68.41% 0.1556 63.30)` | Orange Pepper | black, 7.1 to 1 |
| 16 | `#df8000` | `oklch(68.84% 0.1593 61.42)` | Sports Fan | black, 7.2 to 1 |
| 17 | `#e47b00` | `oklch(68.71% 0.1648 57.80)` | First of Fall | black, 7.1 to 1 |
| 18 | `#e87402` | `oklch(68.10% 0.1728 52.80)` | Thai Mango | black, 6.9 to 1 |
| 19 | `#ea6b19` | `oklch(67.10% 0.1778 46.71)` | Epicurean Orange | black, 6.5 to 1 |
| 20 | `#ea602b` | `oklch(65.80% 0.1825 39.89)` | Sunset Blaze | black, 6.2 to 1 |
| 21 | `#e8553a` | `oklch(64.28% 0.1870 32.67)` | Burning Tomato | black, 5.8 to 1 |
| 22 | `#e44a48` | `oklch(62.63% 0.1913 25.38)` | X Marks the Spot | black, 5.3 to 1 |
| 23 | `#df4054` | `oklch(60.94% 0.1951 18.37)` | Celestial Coral | black, 5 to 1 |
| 24 | `#d9365e` | `oklch(59.30% 0.1985 11.96)` | Azalea | black, 4.6 to 1 |
| 25 | `#d32e66` | `oklch(57.79% 0.2014 6.49)` | Self-Love | white, 4.8 to 1 |
| 26 | `#cd286c` | `oklch(56.50% 0.2037 2.30)` | Sensitive Scorpion | white, 5 to 1 |
| 27 | `#c9236f` | `oklch(55.51% 0.2053 359.72)` | Prince Charming | white, 5.3 to 1 |
| 28 | `#c61e6f` | `oklch(54.70% 0.2061 358.58)` | Prince Charming | white, 5.5 to 1 |
| 29 | `#c31a6d` | `oklch(53.88% 0.2061 358.41)` | Secret Affair | white, 5.7 to 1 |
| 30 | `#c01569` | `oklch(53.05% 0.2054 359.06)` | Spiced Purple | white, 5.9 to 1 |
| 31 | `#bd1164` | `oklch(52.23% 0.2040 0.40)` | Spiced Purple | white, 6.1 to 1 |
| 32 | `#bb0c5e` | `oklch(51.42% 0.2022 2.27)` | Spiced Purple | white, 6.3 to 1 |
| 33 | `#b80857` | `oklch(50.63% 0.2001 4.55)` | Velvet Magic | white, 6.5 to 1 |
| 34 | `#b6054f` | `oklch(49.87% 0.1977 7.08)` | Purplish Red | white, 6.7 to 1 |
| 35 | `#b30348` | `oklch(49.15% 0.1953 9.73)` | Raspberry | white, 6.9 to 1 |
| 36 | `#b10240` | `oklch(48.48% 0.1929 12.36)` | Ruby Queen | white, 7.1 to 1 |
| 37 | `#ae0239` | `oklch(47.87% 0.1906 14.82)` | Bindi Red | white, 7.3 to 1 |
| 38 | `#ac0233` | `oklch(47.32% 0.1886 16.98)` | Chernobog | white, 7.4 to 1 |
| 39 | `#aa022e` | `oklch(46.85% 0.1871 18.68)` | Chernobog | white, 7.6 to 1 |
| 40 | `#a9012a` | `oklch(46.46% 0.1860 19.79)` | Hong Kong Taxi | white, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #220125 0.0%, #2a0329 2.6%, #36072e 5.1%, #440e32 7.7%, #551636 10.3%, #682038 12.8%, #7b2b39 15.4%, #8d3838 17.9%, #9f4534 20.5%, #af532e 23.1%, #bc6127 25.6%, #c76d1d 28.2%, #d07712 30.8%, #d67e02 33.3%, #db8000 35.9%, #df8000 38.5%, #e47b00 41.0%, #e87402 43.6%, #ea6b19 46.2%, #ea602b 48.7%, #e8553a 51.3%, #e44a48 53.8%, #df4054 56.4%, #d9365e 59.0%, #d32e66 61.5%, #cd286c 64.1%, #c9236f 66.7%, #c61e6f 69.2%, #c31a6d 71.8%, #c01569 74.4%, #bd1164 76.9%, #bb0c5e 79.5%, #b80857 82.1%, #b6054f 84.6%, #b30348 87.2%, #b10240 89.7%, #ae0239 92.3%, #ac0233 94.9%, #aa022e 97.4%, #a9012a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0813 324.84) 0.0%, oklch(20.45% 0.0845 329.62) 2.6%, oklch(23.58% 0.0886 336.17) 5.1%, oklch(27.36% 0.0933 344.13) 7.7%, oklch(31.62% 0.0987 353.14) 10.3%, oklch(36.23% 0.1045 2.84) 12.8%, oklch(41.03% 0.1107 12.90) 15.4%, oklch(45.87% 0.1171 22.94) 17.9%, oklch(50.60% 0.1235 32.62) 20.5%, oklch(55.07% 0.1300 41.58) 23.1%, oklch(59.12% 0.1363 49.47) 25.6%, oklch(62.62% 0.1423 55.92) 28.2%, oklch(65.40% 0.1479 60.59) 30.8%, oklch(67.32% 0.1530 63.12) 33.3%, oklch(68.41% 0.1556 63.30) 35.9%, oklch(68.84% 0.1593 61.42) 38.5%, oklch(68.71% 0.1648 57.80) 41.0%, oklch(68.10% 0.1728 52.80) 43.6%, oklch(67.10% 0.1778 46.71) 46.2%, oklch(65.80% 0.1825 39.89) 48.7%, oklch(64.28% 0.1870 32.67) 51.3%, oklch(62.63% 0.1913 25.38) 53.8%, oklch(60.94% 0.1951 18.37) 56.4%, oklch(59.30% 0.1985 11.96) 59.0%, oklch(57.79% 0.2014 6.49) 61.5%, oklch(56.50% 0.2037 2.30) 64.1%, oklch(55.51% 0.2053 359.72) 66.7%, oklch(54.70% 0.2061 358.58) 69.2%, oklch(53.88% 0.2061 358.41) 71.8%, oklch(53.05% 0.2054 359.06) 74.4%, oklch(52.23% 0.2040 0.40) 76.9%, oklch(51.42% 0.2022 2.27) 79.5%, oklch(50.63% 0.2001 4.55) 82.1%, oklch(49.87% 0.1977 7.08) 84.6%, oklch(49.15% 0.1953 9.73) 87.2%, oklch(48.48% 0.1929 12.36) 89.7%, oklch(47.87% 0.1906 14.82) 92.3%, oklch(47.32% 0.1886 16.98) 94.9%, oklch(46.85% 0.1871 18.68) 97.4%, oklch(46.46% 0.1860 19.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.081 | 324.8 |
| 2 | 0.673 | 0.153 | 423.1 |
| 3 | 0.555 | 0.205 | 359.7 |
| 4 | 0.465 | 0.186 | 379.8 |

## In these collections

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

## Other forms

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