# Magenta, purple, dark green and black radial gradient

Magenta, purple, dark green and black radial gradient with 32 colors: #db2eba, #c5289e, #a52277, #7f1c52, #591634, #3b1021, #290b17, #270819, #2f0626, #3a0341, #410268, #3c0c91, #2023ab, #004482, #004d6a, #00505a, #00504c, #004f3d, #004c31, #06482e, #044235, #083a3b, #14313b, #1b2835, #1c212c, #191d25, #13191f, #0d1619, #081412, #081008, #0b0c03, #0d0901. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYnrLwGZLCLDMNOuHjOHYbMhIJK2`
- Page: https://grabient.com/kYnrLwGZLCLDMNOuHjOHYbMhIJK2?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.8 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 | `#db2eba` | `oklch(62.20% 0.2453 337.50)` | Loudicious Pink | black, 5 to 1 |
| 2 | `#c5289e` | `oklch(57.14% 0.2211 340.71)` | Indian Lake | white, 5 to 1 |
| 3 | `#a52277` | `oklch(49.61% 0.1845 346.18)` | Fabric of Love | white, 6.7 to 1 |
| 4 | `#7f1c52` | `oklch(40.90% 0.1425 352.25)` | Smooch | white, 9.6 to 1 |
| 5 | `#591634` | `oklch(32.29% 0.1018 357.27)` | Tulip Poplar Purple | white, 13.1 to 1 |
| 6 | `#3b1021` | `oklch(25.08% 0.0693 359.60)` | Chocolate Kiss | white, 16.3 to 1 |
| 7 | `#290b17` | `oklch(20.55% 0.0520 357.59)` | Inside | white, 18.1 to 1 |
| 8 | `#270819` | `oklch(19.61% 0.0562 350.09)` | Meški Black | white, 18.5 to 1 |
| 9 | `#2f0626` | `oklch(21.53% 0.0797 338.06)` | Globe Thistle | white, 17.9 to 1 |
| 10 | `#3a0341` | `oklch(25.29% 0.1145 322.78)` | Romanic Scene | white, 16.5 to 1 |
| 11 | `#410268` | `oklch(29.87% 0.1526 305.51)` | Obsidian Shell | white, 14.6 to 1 |
| 12 | `#3c0c91` | `oklch(34.27% 0.1860 287.52)` | Space Battle Blue | white, 12.7 to 1 |
| 13 | `#2023ab` | `oklch(37.47% 0.2066 270.07)` | Sapphire Splendour | white, 11.1 to 1 |
| 14 | `#004482` | `oklch(38.84% 0.1198 253.02)` | Bridgeport | white, 9.7 to 1 |
| 15 | `#004d6a` | `oklch(39.39% 0.0805 232.18)` | Navy Dark Blue | white, 9.2 to 1 |
| 16 | `#00505a` | `oklch(39.35% 0.0680 209.71)` | Kali Blue | white, 9.2 to 1 |
| 17 | `#00504c` | `oklch(38.86% 0.0675 188.43)` | Action Green | white, 9.3 to 1 |
| 18 | `#004f3d` | `oklch(38.01% 0.0743 171.15)` | Raspberry Leaf Green | white, 9.6 to 1 |
| 19 | `#004c31` | `oklch(36.94% 0.0826 160.70)` | Troll Green | white, 10 to 1 |
| 20 | `#06482e` | `oklch(35.69% 0.0766 160.37)` | Alaskan Moss | white, 10.6 to 1 |
| 21 | `#044235` | `oklch(33.96% 0.0624 174.23)` | UP Forest Green | white, 11.4 to 1 |
| 22 | `#083a3b` | `oklch(31.81% 0.0498 197.72)` | Customs Green | white, 12.5 to 1 |
| 23 | `#14313b` | `oklch(29.44% 0.0388 224.64)` | Elite Teal | white, 13.7 to 1 |
| 24 | `#1b2835` | `oklch(27.04% 0.0296 248.81)` | Abyssal Anchorfish Blue | white, 15 to 1 |
| 25 | `#1c212c` | `oklch(24.79% 0.0223 264.04)` | Black Howl | white, 16.1 to 1 |
| 26 | `#191d25` | `oklch(22.87% 0.0171 264.19)` | Coarse Wool | white, 16.9 to 1 |
| 27 | `#13191f` | `oklch(21.09% 0.0148 247.10)` | River Styx | white, 17.6 to 1 |
| 28 | `#0d1619` | `oklch(19.36% 0.0153 217.79)` | Black Is Back | white, 18.2 to 1 |
| 29 | `#081412` | `oklch(17.73% 0.0176 181.94)` | Glimpse Into Space | white, 18.8 to 1 |
| 30 | `#081008` | `oklch(16.29% 0.0206 145.28)` | Alpine Salamander | white, 19.2 to 1 |
| 31 | `#0b0c03` | `oklch(15.08% 0.0233 113.51)` | Whiten’t | white, 19.6 to 1 |
| 32 | `#0d0901` | `oklch(14.17% 0.0248 92.33)` | Blackout | white, 19.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #db2eba 0.0%, #c5289e 3.2%, #a52277 6.5%, #7f1c52 9.7%, #591634 12.9%, #3b1021 16.1%, #290b17 19.4%, #270819 22.6%, #2f0626 25.8%, #3a0341 29.0%, #410268 32.3%, #3c0c91 35.5%, #2023ab 38.7%, #004482 41.9%, #004d6a 45.2%, #00505a 48.4%, #00504c 51.6%, #004f3d 54.8%, #004c31 58.1%, #06482e 61.3%, #044235 64.5%, #083a3b 67.7%, #14313b 71.0%, #1b2835 74.2%, #1c212c 77.4%, #191d25 80.6%, #13191f 83.9%, #0d1619 87.1%, #081412 90.3%, #081008 93.5%, #0b0c03 96.8%, #0d0901 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.2453 337.50) 0.0%, oklch(57.14% 0.2211 340.71) 3.2%, oklch(49.61% 0.1845 346.18) 6.5%, oklch(40.90% 0.1425 352.25) 9.7%, oklch(32.29% 0.1018 357.27) 12.9%, oklch(25.08% 0.0693 359.60) 16.1%, oklch(20.55% 0.0520 357.59) 19.4%, oklch(19.61% 0.0562 350.09) 22.6%, oklch(21.53% 0.0797 338.06) 25.8%, oklch(25.29% 0.1145 322.78) 29.0%, oklch(29.87% 0.1526 305.51) 32.3%, oklch(34.27% 0.1860 287.52) 35.5%, oklch(37.47% 0.2066 270.07) 38.7%, oklch(38.84% 0.1198 253.02) 41.9%, oklch(39.39% 0.0805 232.18) 45.2%, oklch(39.35% 0.0680 209.71) 48.4%, oklch(38.86% 0.0675 188.43) 51.6%, oklch(38.01% 0.0743 171.15) 54.8%, oklch(36.94% 0.0826 160.70) 58.1%, oklch(35.69% 0.0766 160.37) 61.3%, oklch(33.96% 0.0624 174.23) 64.5%, oklch(31.81% 0.0498 197.72) 67.7%, oklch(29.44% 0.0388 224.64) 71.0%, oklch(27.04% 0.0296 248.81) 74.2%, oklch(24.79% 0.0223 264.04) 77.4%, oklch(22.87% 0.0171 264.19) 80.6%, oklch(21.09% 0.0148 247.10) 83.9%, oklch(19.36% 0.0153 217.79) 87.1%, oklch(17.73% 0.0176 181.94) 90.3%, oklch(16.29% 0.0206 145.28) 93.5%, oklch(15.08% 0.0233 113.51) 96.8%, oklch(14.17% 0.0248 92.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.245 | 337.5 |
| 2 | 0.201 | 0.051 | 356.5 |
| 3 | 0.382 | 0.209 | 263.5 |
| 4 | 0.362 | 0.083 | 158.9 |
| 5 | 0.232 | 0.018 | 265.6 |
| 6 | 0.142 | 0.025 | 92.3 |

## Other forms

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