# Dark purple, brown, black and blue radial gradient

Dark purple, brown, black and blue radial gradient with 32 colors: #1f0d27, #26112a, #30162d, #3d1d31, #4b2534, #592e36, #653937, #6f4436, #754e35, #765734, #715d35, #675f36, #585b37, #465438, #344937, #263b32, #1c2d2b, #152021, #101617, #0b0e0f, #09090a, #08090a, #0a0c0f, #0d1218, #131a25, #1a2435, #223047, #293d5a, #2f496d, #35557f, #39608d, #3c6698. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUMyjfvhbPpGBUrAIcDA`
- Page: https://grabient.com/kUMyjfvhbPpGBUrAIcDA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#1f0d27` | `oklch(20.08% 0.0551 314.30)` | Meški Black | white, 18.3 to 1 |
| 2 | `#26112a` | `oklch(22.00% 0.0558 321.82)` | Dark Prom Queen | white, 17.5 to 1 |
| 3 | `#30162d` | `oklch(24.80% 0.0570 331.30)` | Cultist Robe | white, 16.4 to 1 |
| 4 | `#3d1d31` | `oklch(28.23% 0.0586 342.46)` | Jasmin Beauty | white, 14.8 to 1 |
| 5 | `#4b2534` | `oklch(32.04% 0.0603 354.99)` | Wine Tasting | white, 13 to 1 |
| 6 | `#592e36` | `oklch(35.99% 0.0620 8.61)` | Dubonnet | white, 11.2 to 1 |
| 7 | `#653937` | `oklch(39.81% 0.0634 23.02)` | Bogong Moth | white, 9.5 to 1 |
| 8 | `#6f4436` | `oklch(43.26% 0.0644 37.93)` | Uluru Sunset | white, 8.2 to 1 |
| 9 | `#754e35` | `oklch(46.08% 0.0648 53.04)` | Walnut Wood | white, 7.2 to 1 |
| 10 | `#765734` | `oklch(48.02% 0.0643 68.06)` | Cold Brew Coffee | white, 6.6 to 1 |
| 11 | `#715d35` | `oklch(48.84% 0.0628 82.70)` | Florentine Dream | white, 6.3 to 1 |
| 12 | `#675f36` | `oklch(48.22% 0.0598 97.25)` | Verdigris Foncé | white, 6.4 to 1 |
| 13 | `#585b37` | `oklch(46.00% 0.0546 113.22)` | Base Camp | white, 7 to 1 |
| 14 | `#465438` | `oklch(42.54% 0.0477 130.29)` | Green Tone Ink | white, 8.1 to 1 |
| 15 | `#344937` | `oklch(38.19% 0.0398 147.96)` | Norfolk Green | white, 9.7 to 1 |
| 16 | `#263b32` | `oklch(33.32% 0.0314 165.76)` | Scarab | white, 11.8 to 1 |
| 17 | `#1c2d2b` | `oklch(28.30% 0.0231 183.22)` | Charleston Green | white, 14.3 to 1 |
| 18 | `#152021` | `oklch(23.51% 0.0155 199.84)` | Black Feather | white, 16.5 to 1 |
| 19 | `#101617` | `oklch(19.31% 0.0091 215.16)` | Black Is Back | white, 18.3 to 1 |
| 20 | `#0b0e0f` | `oklch(16.06% 0.0046 228.69)` | Black Wash | white, 19.3 to 1 |
| 21 | `#09090a` | `oklch(14.14% 0.0025 239.95)` | Badab Black Wash | white, 19.8 to 1 |
| 22 | `#08090a` | `oklch(13.90% 0.0034 248.49)` | Reversed Grey | white, 19.9 to 1 |
| 23 | `#0a0c0f` | `oklch(15.26% 0.0077 254.36)` | Black Wash | white, 19.6 to 1 |
| 24 | `#0d1218` | `oklch(17.92% 0.0147 258.00)` | Midnight Edition | white, 18.8 to 1 |
| 25 | `#131a25` | `oklch(21.58% 0.0238 259.79)` | Coarse Wool | white, 17.4 to 1 |
| 26 | `#1a2435` | `oklch(25.94% 0.0344 260.12)` | Moonless Mystery | white, 15.5 to 1 |
| 27 | `#223047` | `oklch(30.71% 0.0458 259.39)` | Crow Black | white, 13.3 to 1 |
| 28 | `#293d5a` | `oklch(35.59% 0.0573 257.97)` | Nautilus | white, 11 to 1 |
| 29 | `#2f496d` | `oklch(40.30% 0.0684 256.27)` | Midnight Interlude | white, 9.1 to 1 |
| 30 | `#35557f` | `oklch(44.53% 0.0784 254.67)` | Overtake | white, 7.5 to 1 |
| 31 | `#39608d` | `oklch(47.99% 0.0866 253.57)` | Luxurious Blue | white, 6.5 to 1 |
| 32 | `#3c6698` | `oklch(50.39% 0.0923 253.36)` | Too Blue | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1f0d27 0.0%, #26112a 3.2%, #30162d 6.5%, #3d1d31 9.7%, #4b2534 12.9%, #592e36 16.1%, #653937 19.4%, #6f4436 22.6%, #754e35 25.8%, #765734 29.0%, #715d35 32.3%, #675f36 35.5%, #585b37 38.7%, #465438 41.9%, #344937 45.2%, #263b32 48.4%, #1c2d2b 51.6%, #152021 54.8%, #101617 58.1%, #0b0e0f 61.3%, #09090a 64.5%, #08090a 67.7%, #0a0c0f 71.0%, #0d1218 74.2%, #131a25 77.4%, #1a2435 80.6%, #223047 83.9%, #293d5a 87.1%, #2f496d 90.3%, #35557f 93.5%, #39608d 96.8%, #3c6698 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0551 314.30) 0.0%, oklch(22.00% 0.0558 321.82) 3.2%, oklch(24.80% 0.0570 331.30) 6.5%, oklch(28.23% 0.0586 342.46) 9.7%, oklch(32.04% 0.0603 354.99) 12.9%, oklch(35.99% 0.0620 8.61) 16.1%, oklch(39.81% 0.0634 23.02) 19.4%, oklch(43.26% 0.0644 37.93) 22.6%, oklch(46.08% 0.0648 53.04) 25.8%, oklch(48.02% 0.0643 68.06) 29.0%, oklch(48.84% 0.0628 82.70) 32.3%, oklch(48.22% 0.0598 97.25) 35.5%, oklch(46.00% 0.0546 113.22) 38.7%, oklch(42.54% 0.0477 130.29) 41.9%, oklch(38.19% 0.0398 147.96) 45.2%, oklch(33.32% 0.0314 165.76) 48.4%, oklch(28.30% 0.0231 183.22) 51.6%, oklch(23.51% 0.0155 199.84) 54.8%, oklch(19.31% 0.0091 215.16) 58.1%, oklch(16.06% 0.0046 228.69) 61.3%, oklch(14.14% 0.0025 239.95) 64.5%, oklch(13.90% 0.0034 248.49) 67.7%, oklch(15.26% 0.0077 254.36) 71.0%, oklch(17.92% 0.0147 258.00) 74.2%, oklch(21.58% 0.0238 259.79) 77.4%, oklch(25.94% 0.0344 260.12) 80.6%, oklch(30.71% 0.0458 259.39) 83.9%, oklch(35.59% 0.0573 257.97) 87.1%, oklch(40.30% 0.0684 256.27) 90.3%, oklch(44.53% 0.0784 254.67) 93.5%, oklch(47.99% 0.0866 253.57) 96.8%, oklch(50.39% 0.0923 253.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.055 | 314.3 |
| 2 | 0.488 | 0.062 | 447.4 |
| 3 | 0.138 | 0.003 | 606 |
| 4 | 0.504 | 0.092 | 613.4 |

## Other forms

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