# Black, lavender, red and brown radial gradient

Black, lavender, red and brown radial gradient with 40 colors: #071d1b, #0b2322, #132b2c, #1d3637, #284145, #354e55, #445c65, #536a77, #627888, #718599, #7f91a9, #8d9bb7, #98a2c3, #a1a5cb, #a8a5d1, #aea2d4, #b39bd3, #b992cf, #be87c7, #c27abb, #c56cac, #c75e9a, #c85086, #c74272, #c6365e, #c52c4b, #c4263b, #c2252c, #c0271f, #be2c13, #bc330b, #b93909, #b7400e, #b44616, #b24c1e, #af5126, #ad552c, #ab5932, #a95c36, #a75e38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNhWFXRRK8RFy9HJ8MA`
- Page: https://grabient.com/kUNhWFXRRK8RFy9HJ8MA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#071d1b` | `oklch(21.26% 0.0289 187.03)` | Black Stallion | white, 17.4 to 1 |
| 2 | `#0b2322` | `oklch(23.75% 0.0298 191.12)` | Black Feather | white, 16.4 to 1 |
| 3 | `#132b2c` | `oklch(27.11% 0.0304 196.14)` | Black Chasm | white, 14.8 to 1 |
| 4 | `#1d3637` | `oklch(31.17% 0.0309 201.99)` | Fait Accompli | white, 12.9 to 1 |
| 5 | `#284145` | `oklch(35.77% 0.0314 208.55)` | Atlantic Waves | white, 10.8 to 1 |
| 6 | `#354e55` | `oklch(40.72% 0.0321 215.69)` | Iron Head | white, 8.8 to 1 |
| 7 | `#445c65` | `oklch(45.88% 0.0329 223.31)` | Hypothalamus Grey | white, 7 to 1 |
| 8 | `#536a77` | `oklch(51.06% 0.0342 231.28)` | Sky Lodge | white, 5.6 to 1 |
| 9 | `#627888` | `oklch(56.09% 0.0358 239.49)` | Space Convoy | white, 4.6 to 1 |
| 10 | `#718599` | `oklch(60.82% 0.0381 247.82)` | Merman | black, 5.5 to 1 |
| 11 | `#7f91a9` | `oklch(65.06% 0.0410 256.16)` | Blueberry Soda | black, 6.5 to 1 |
| 12 | `#8d9bb7` | `oklch(68.66% 0.0448 264.38)` | Forever Blue | black, 7.4 to 1 |
| 13 | `#98a2c3` | `oklch(71.44% 0.0494 272.38)` | Wild Clary | black, 8.2 to 1 |
| 14 | `#a1a5cb` | `oklch(73.23% 0.0551 280.03)` | Blossom Mauve | black, 8.7 to 1 |
| 15 | `#a8a5d1` | `oklch(74.00% 0.0626 287.71)` | Milky Lavender | black, 8.9 to 1 |
| 16 | `#aea2d4` | `oklch(73.93% 0.0722 295.80)` | Milky Lavender | black, 8.8 to 1 |
| 17 | `#b39bd3` | `oklch(73.13% 0.0836 304.20)` | Violet Velvet | black, 8.5 to 1 |
| 18 | `#b992cf` | `oklch(71.73% 0.0961 312.79)` | Pale Purple | black, 8 to 1 |
| 19 | `#be87c7` | `oklch(69.87% 0.1095 321.47)` | Lavender Sweater | black, 7.4 to 1 |
| 20 | `#c27abb` | `oklch(67.67% 0.1233 330.11)` | Colombo Red Mauve | black, 6.7 to 1 |
| 21 | `#c56cac` | `oklch(65.26% 0.1369 338.61)` | Sugar Creek | black, 6.1 to 1 |
| 22 | `#c75e9a` | `oklch(62.77% 0.1500 346.86)` | Llilacquered | black, 5.4 to 1 |
| 23 | `#c85086` | `oklch(60.32% 0.1621 354.74)` | Pink Flambé | black, 4.9 to 1 |
| 24 | `#c74272` | `oklch(58.05% 0.1728 2.15)` | Fuchsia Rose | white, 4.6 to 1 |
| 25 | `#c6365e` | `oklch(56.08% 0.1815 8.97)` | Cherry Lolly | white, 5.1 to 1 |
| 26 | `#c52c4b` | `oklch(54.53% 0.1879 15.10)` | French Raspberry | white, 5.4 to 1 |
| 27 | `#c4263b` | `oklch(53.54% 0.1915 20.42)` | Cardinal | white, 5.7 to 1 |
| 28 | `#c2252c` | `oklch(53.01% 0.1921 24.95)` | Akabeni | white, 5.8 to 1 |
| 29 | `#c0271f` | `oklch(52.72% 0.1901 28.82)` | Cherry Pie | white, 5.8 to 1 |
| 30 | `#be2c13` | `oklch(52.63% 0.1857 32.11)` | Once Bitten | white, 5.8 to 1 |
| 31 | `#bc330b` | `oklch(52.72% 0.1795 34.87)` | Dropped Brick | white, 5.8 to 1 |
| 32 | `#b93909` | `oklch(52.95% 0.1719 37.17)` | Dropped Brick | white, 5.7 to 1 |
| 33 | `#b7400e` | `oklch(53.29% 0.1633 39.07)` | Martian Ironcrust | white, 5.6 to 1 |
| 34 | `#b44616` | `oklch(53.71% 0.1541 40.65)` | Martian Ironcrust | white, 5.4 to 1 |
| 35 | `#b24c1e` | `oklch(54.17% 0.1446 41.97)` | Gold Flame | white, 5.3 to 1 |
| 36 | `#af5126` | `oklch(54.63% 0.1354 43.08)` | Cinnamon Stick | white, 5.2 to 1 |
| 37 | `#ad552c` | `oklch(55.07% 0.1268 44.06)` | Red Stage | white, 5 to 1 |
| 38 | `#ab5932` | `oklch(55.45% 0.1192 44.97)` | Monument Valley | white, 4.9 to 1 |
| 39 | `#a95c36` | `oklch(55.74% 0.1131 45.87)` | Earthen Jug | white, 4.9 to 1 |
| 40 | `#a75e38` | `oklch(55.91% 0.1089 46.84)` | Earthen Jug | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #071d1b 0.0%, #0b2322 2.6%, #132b2c 5.1%, #1d3637 7.7%, #284145 10.3%, #354e55 12.8%, #445c65 15.4%, #536a77 17.9%, #627888 20.5%, #718599 23.1%, #7f91a9 25.6%, #8d9bb7 28.2%, #98a2c3 30.8%, #a1a5cb 33.3%, #a8a5d1 35.9%, #aea2d4 38.5%, #b39bd3 41.0%, #b992cf 43.6%, #be87c7 46.2%, #c27abb 48.7%, #c56cac 51.3%, #c75e9a 53.8%, #c85086 56.4%, #c74272 59.0%, #c6365e 61.5%, #c52c4b 64.1%, #c4263b 66.7%, #c2252c 69.2%, #c0271f 71.8%, #be2c13 74.4%, #bc330b 76.9%, #b93909 79.5%, #b7400e 82.1%, #b44616 84.6%, #b24c1e 87.2%, #af5126 89.7%, #ad552c 92.3%, #ab5932 94.9%, #a95c36 97.4%, #a75e38 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0289 187.03) 0.0%, oklch(23.75% 0.0298 191.12) 2.6%, oklch(27.11% 0.0304 196.14) 5.1%, oklch(31.17% 0.0309 201.99) 7.7%, oklch(35.77% 0.0314 208.55) 10.3%, oklch(40.72% 0.0321 215.69) 12.8%, oklch(45.88% 0.0329 223.31) 15.4%, oklch(51.06% 0.0342 231.28) 17.9%, oklch(56.09% 0.0358 239.49) 20.5%, oklch(60.82% 0.0381 247.82) 23.1%, oklch(65.06% 0.0410 256.16) 25.6%, oklch(68.66% 0.0448 264.38) 28.2%, oklch(71.44% 0.0494 272.38) 30.8%, oklch(73.23% 0.0551 280.03) 33.3%, oklch(74.00% 0.0626 287.71) 35.9%, oklch(73.93% 0.0722 295.80) 38.5%, oklch(73.13% 0.0836 304.20) 41.0%, oklch(71.73% 0.0961 312.79) 43.6%, oklch(69.87% 0.1095 321.47) 46.2%, oklch(67.67% 0.1233 330.11) 48.7%, oklch(65.26% 0.1369 338.61) 51.3%, oklch(62.77% 0.1500 346.86) 53.8%, oklch(60.32% 0.1621 354.74) 56.4%, oklch(58.05% 0.1728 2.15) 59.0%, oklch(56.08% 0.1815 8.97) 61.5%, oklch(54.53% 0.1879 15.10) 64.1%, oklch(53.54% 0.1915 20.42) 66.7%, oklch(53.01% 0.1921 24.95) 69.2%, oklch(52.72% 0.1901 28.82) 71.8%, oklch(52.63% 0.1857 32.11) 74.4%, oklch(52.72% 0.1795 34.87) 76.9%, oklch(52.95% 0.1719 37.17) 79.5%, oklch(53.29% 0.1633 39.07) 82.1%, oklch(53.71% 0.1541 40.65) 84.6%, oklch(54.17% 0.1446 41.97) 87.2%, oklch(54.63% 0.1354 43.08) 89.7%, oklch(55.07% 0.1268 44.06) 92.3%, oklch(55.45% 0.1192 44.97) 94.9%, oklch(55.74% 0.1131 45.87) 97.4%, oklch(55.91% 0.1089 46.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.029 | 187 |
| 2 | 0.732 | 0.055 | 280 |
| 3 | 0.535 | 0.192 | 380.4 |
| 4 | 0.559 | 0.109 | 406.8 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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