# Red, black, blue and purple radial gradient

Red, black, blue and purple radial gradient with 40 colors: #9c1631, #951638, #8b1640, #801748, #72184e, #641951, #561a51, #481a4f, #3c194b, #331846, #2c1740, #261539, #201230, #1b0f27, #160c1f, #120918, #0f0812, #0c070e, #0b070d, #0c080e, #100b13, #17101d, #20192c, #292440, #313158, #354171, #345189, #2e609e, #256cae, #1c74b8, #2075bd, #2d71bc, #3b69b7, #475ead, #4f529f, #53468f, #553b7d, #53316d, #512a5f, #502657. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWcngMoRy3ZMGQTFsLfLCLIo`
- Page: https://grabient.com/kWcngMoRy3ZMGQTFsLfLCLIo?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 4.1 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 | `#9c1631` | `oklch(44.88% 0.1654 17.58)` | French Winery | white, 8.1 to 1 |
| 2 | `#951638` | `oklch(43.69% 0.1599 12.79)` | French Winery | white, 8.5 to 1 |
| 3 | `#8b1640` | `oklch(42.10% 0.1528 6.12)` | Refined Chianti | white, 9.1 to 1 |
| 4 | `#801748` | `oklch(40.20% 0.1442 358.07)` | Burgundy Orchid | white, 9.8 to 1 |
| 5 | `#72184e` | `oklch(38.09% 0.1347 349.13)` | Pansy Purple | white, 10.7 to 1 |
| 6 | `#641951` | `oklch(35.84% 0.1245 339.82)` | Grape Purple | white, 11.6 to 1 |
| 7 | `#561a51` | `oklch(33.54% 0.1141 330.63)` | Purple Velour | white, 12.6 to 1 |
| 8 | `#481a4f` | `oklch(31.28% 0.1037 322.05)` | Plunged Into Darkness | white, 13.6 to 1 |
| 9 | `#3c194b` | `oklch(29.15% 0.0938 314.59)` | Obsidian Orchid | white, 14.5 to 1 |
| 10 | `#331846` | `oklch(27.23% 0.0846 308.74)` | Russian Violet | white, 15.4 to 1 |
| 11 | `#2c1740` | `oklch(25.59% 0.0766 305.01)` | Blackcurrant | white, 16.1 to 1 |
| 12 | `#261539` | `oklch(23.82% 0.0681 303.63)` | Prune Plum | white, 16.8 to 1 |
| 13 | `#201230` | `oklch(21.86% 0.0589 304.15)` | Blacklist | white, 17.6 to 1 |
| 14 | `#1b0f27` | `oklch(19.85% 0.0494 306.07)` | Shot in the Dark | white, 18.3 to 1 |
| 15 | `#160c1f` | `oklch(17.91% 0.0402 308.86)` | Shot in the Dark | white, 18.9 to 1 |
| 16 | `#120918` | `oklch(16.20% 0.0317 311.98)` | Noir Fiction | white, 19.4 to 1 |
| 17 | `#0f0812` | `oklch(14.85% 0.0246 314.93)` | Noir Fiction | white, 19.7 to 1 |
| 18 | `#0c070e` | `oklch(13.99% 0.0191 317.18)` | Narwhal Grey | white, 19.9 to 1 |
| 19 | `#0b070d` | `oklch(13.78% 0.0160 318.20)` | Narwhal Grey | white, 19.9 to 1 |
| 20 | `#0c080e` | `oklch(14.34% 0.0156 317.47)` | Chyornyi Black | white, 19.8 to 1 |
| 21 | `#100b13` | `oklch(15.90% 0.0186 314.42)` | Midnight Oil | white, 19.4 to 1 |
| 22 | `#17101d` | `oklch(18.88% 0.0262 308.66)` | Back in Black | white, 18.5 to 1 |
| 23 | `#20192c` | `oklch(23.02% 0.0377 300.81)` | Sambucus | white, 17 to 1 |
| 24 | `#292440` | `oklch(27.96% 0.0518 291.58)` | Telopea | white, 14.8 to 1 |
| 25 | `#313158` | `oklch(33.35% 0.0675 281.71)` | Quill Tip | white, 12.2 to 1 |
| 26 | `#354171` | `oklch(38.82% 0.0838 271.89)` | Lviv Blue | white, 9.8 to 1 |
| 27 | `#345189` | `oklch(44.02% 0.0995 262.86)` | Blue Quartz | white, 7.8 to 1 |
| 28 | `#2e609e` | `oklch(48.59% 0.1136 255.33)` | Zydeco Blue | white, 6.4 to 1 |
| 29 | `#256cae` | `oklch(52.18% 0.1249 250.02)` | In the Nick | white, 5.4 to 1 |
| 30 | `#1c74b8` | `oklch(54.42% 0.1325 247.65)` | Biloxi Blue | white, 4.9 to 1 |
| 31 | `#2075bd` | `oklch(55.09% 0.1357 248.81)` | Bluish | white, 4.8 to 1 |
| 32 | `#2d71bc` | `oklch(54.47% 0.1356 253.23)` | Matt Blue | white, 4.9 to 1 |
| 33 | `#3b69b7` | `oklch(52.84% 0.1330 260.20)` | Dover Straits | white, 5.3 to 1 |
| 34 | `#475ead` | `oklch(50.45% 0.1284 269.03)` | Chinese Bellflower | white, 6 to 1 |
| 35 | `#4f529f` | `oklch(47.55% 0.1225 279.00)` | Blue Ember | white, 6.9 to 1 |
| 36 | `#53468f` | `oklch(44.42% 0.1159 289.42)` | Moonlight Sonata | white, 7.9 to 1 |
| 37 | `#553b7d` | `oklch(41.30% 0.1092 299.59)` | Loden Purple | white, 9.1 to 1 |
| 38 | `#53316d` | `oklch(38.46% 0.1031 308.80)` | Purple Seduction | white, 10.2 to 1 |
| 39 | `#512a5f` | `oklch(36.16% 0.0982 316.37)` | Kuwanomi Purple | white, 11.3 to 1 |
| 40 | `#502657` | `oklch(34.65% 0.0951 321.57)` | Wonka Purple | white, 11.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9c1631 0.0%, #951638 2.6%, #8b1640 5.1%, #801748 7.7%, #72184e 10.3%, #641951 12.8%, #561a51 15.4%, #481a4f 17.9%, #3c194b 20.5%, #331846 23.1%, #2c1740 25.6%, #261539 28.2%, #201230 30.8%, #1b0f27 33.3%, #160c1f 35.9%, #120918 38.5%, #0f0812 41.0%, #0c070e 43.6%, #0b070d 46.2%, #0c080e 48.7%, #100b13 51.3%, #17101d 53.8%, #20192c 56.4%, #292440 59.0%, #313158 61.5%, #354171 64.1%, #345189 66.7%, #2e609e 69.2%, #256cae 71.8%, #1c74b8 74.4%, #2075bd 76.9%, #2d71bc 79.5%, #3b69b7 82.1%, #475ead 84.6%, #4f529f 87.2%, #53468f 89.7%, #553b7d 92.3%, #53316d 94.9%, #512a5f 97.4%, #502657 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.1654 17.58) 0.0%, oklch(43.69% 0.1599 12.79) 2.6%, oklch(42.10% 0.1528 6.12) 5.1%, oklch(40.20% 0.1442 358.07) 7.7%, oklch(38.09% 0.1347 349.13) 10.3%, oklch(35.84% 0.1245 339.82) 12.8%, oklch(33.54% 0.1141 330.63) 15.4%, oklch(31.28% 0.1037 322.05) 17.9%, oklch(29.15% 0.0938 314.59) 20.5%, oklch(27.23% 0.0846 308.74) 23.1%, oklch(25.59% 0.0766 305.01) 25.6%, oklch(23.82% 0.0681 303.63) 28.2%, oklch(21.86% 0.0589 304.15) 30.8%, oklch(19.85% 0.0494 306.07) 33.3%, oklch(17.91% 0.0402 308.86) 35.9%, oklch(16.20% 0.0317 311.98) 38.5%, oklch(14.85% 0.0246 314.93) 41.0%, oklch(13.99% 0.0191 317.18) 43.6%, oklch(13.78% 0.0160 318.20) 46.2%, oklch(14.34% 0.0156 317.47) 48.7%, oklch(15.90% 0.0186 314.42) 51.3%, oklch(18.88% 0.0262 308.66) 53.8%, oklch(23.02% 0.0377 300.81) 56.4%, oklch(27.96% 0.0518 291.58) 59.0%, oklch(33.35% 0.0675 281.71) 61.5%, oklch(38.82% 0.0838 271.89) 64.1%, oklch(44.02% 0.0995 262.86) 66.7%, oklch(48.59% 0.1136 255.33) 69.2%, oklch(52.18% 0.1249 250.02) 71.8%, oklch(54.42% 0.1325 247.65) 74.4%, oklch(55.09% 0.1357 248.81) 76.9%, oklch(54.47% 0.1356 253.23) 79.5%, oklch(52.84% 0.1330 260.20) 82.1%, oklch(50.45% 0.1284 269.03) 84.6%, oklch(47.55% 0.1225 279.00) 87.2%, oklch(44.42% 0.1159 289.42) 89.7%, oklch(41.30% 0.1092 299.59) 92.3%, oklch(38.46% 0.1031 308.80) 94.9%, oklch(36.16% 0.0982 316.37) 97.4%, oklch(34.65% 0.0951 321.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.165 | 17.6 |
| 2 | 0.26 | 0.079 | -54.3 |
| 3 | 0.15 | 0.017 | -43.7 |
| 4 | 0.547 | 0.134 | -112.4 |
| 5 | 0.346 | 0.095 | -38.4 |

## Other forms

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