# Purple, black, brown and orange linear gradient

Purple, black, brown and orange linear gradient with 32 colors: #9c1f55, #902058, #7e2159, #682057, #521e51, #3d1c46, #2b1839, #1d142c, #151120, #100f18, #100f16, #151319, #201b24, #322633, #4c3342, #6c434d, #8d5550, #a9694b, #be8043, #ca943a, #cfa235, #d2a530, #d59d29, #d58d28, #cf7734, #c15f45, #aa4a55, #8d3a5f, #6f2e63, #522661, #3b1f5b, #2c1a55. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUdncAFoS396x0ijpS2g`
- Page: https://grabient.com/kUdncAFoS396x0ijpS2g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#9c1f55` | `oklch(46.46% 0.1640 0.00)` | Hydrangea Red | white, 7.6 to 1 |
| 2 | `#902058` | `oklch(44.45% 0.1541 355.19)` | Wine Grape | white, 8.3 to 1 |
| 3 | `#7e2159` | `oklch(41.41% 0.1400 347.81)` | Smooch | white, 9.3 to 1 |
| 4 | `#682057` | `oklch(37.66% 0.1228 338.67)` | Palatinate Purple | white, 10.8 to 1 |
| 5 | `#521e51` | `oklch(33.50% 0.1037 328.55)` | Purple Velour | white, 12.6 to 1 |
| 6 | `#3d1c46` | `oklch(29.24% 0.0838 318.23)` | Obsidian Orchid | white, 14.4 to 1 |
| 7 | `#2b1839` | `oklch(25.20% 0.0642 308.49)` | Blackcurrant | white, 16.2 to 1 |
| 8 | `#1d142c` | `oklch(21.68% 0.0462 300.14)` | Sambucus | white, 17.6 to 1 |
| 9 | `#151120` | `oklch(18.99% 0.0310 293.96)` | Corbeau | white, 18.5 to 1 |
| 10 | `#100f18` | `oklch(17.45% 0.0196 290.72)` | Nyctophobia | white, 19 to 1 |
| 11 | `#100f16` | `oklch(17.37% 0.0132 291.23)` | Ruined Smores | white, 19 to 1 |
| 12 | `#151319` | `oklch(19.16% 0.0129 296.66)` | Back in Black | white, 18.4 to 1 |
| 13 | `#201b24` | `oklch(23.14% 0.0185 308.03)` | Night Demons | white, 16.9 to 1 |
| 14 | `#322633` | `oklch(28.83% 0.0287 324.04)` | Black Safflower | white, 14.3 to 1 |
| 15 | `#4c3342` | `oklch(35.71% 0.0425 343.26)` | Loulou | white, 11.2 to 1 |
| 16 | `#6c434d` | `oklch(43.29% 0.0586 4.23)` | Cryptic Light | white, 8.2 to 1 |
| 17 | `#8d5550` | `oklch(51.03% 0.0758 25.52)` | Toile Red | white, 5.9 to 1 |
| 18 | `#a9694b` | `oklch(58.44% 0.0929 45.68)` | Cedar Plank Salmon | black, 4.8 to 1 |
| 19 | `#be8043` | `oklch(64.99% 0.1089 63.27)` | Burmese Gold | black, 6.3 to 1 |
| 20 | `#ca943a` | `oklch(70.18% 0.1224 76.85)` | Alameda Ochre | black, 7.7 to 1 |
| 21 | `#cfa235` | `oklch(73.50% 0.1324 84.98)` | Sin City | black, 8.8 to 1 |
| 22 | `#d2a530` | `oklch(74.45% 0.1377 86.26)` | Kingdom Gold | black, 9.1 to 1 |
| 23 | `#d59d29` | `oklch(73.13% 0.1395 80.73)` | Glitzy Gold | black, 8.6 to 1 |
| 24 | `#d58d28` | `oklch(69.98% 0.1387 69.65)` | Turmeric Tea | black, 7.6 to 1 |
| 25 | `#cf7734` | `oklch(65.42% 0.1358 54.29)` | Ochre Maroon | black, 6.3 to 1 |
| 26 | `#c15f45` | `oklch(59.85% 0.1314 35.89)` | Deep Fire | black, 4.9 to 1 |
| 27 | `#aa4a55` | `oklch(53.67% 0.1260 15.72)` | English Red | white, 5.4 to 1 |
| 28 | `#8d3a5f` | `oklch(47.29% 0.1201 355.04)` | Quinacridone Magenta | white, 7.2 to 1 |
| 29 | `#6f2e63` | `oklch(41.13% 0.1142 335.11)` | Byzantium | white, 9.3 to 1 |
| 30 | `#522661` | `oklch(35.58% 0.1089 317.18)` | Elegant Purple Gown | white, 11.6 to 1 |
| 31 | `#3b1f5b` | `oklch(31.05% 0.1046 302.51)` | Christalle | white, 13.6 to 1 |
| 32 | `#2c1a55` | `oklch(27.95% 0.1020 292.37)` | Fabric of Space | white, 15.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9c1f55 0.0%, #902058 3.2%, #7e2159 6.5%, #682057 9.7%, #521e51 12.9%, #3d1c46 16.1%, #2b1839 19.4%, #1d142c 22.6%, #151120 25.8%, #100f18 29.0%, #100f16 32.3%, #151319 35.5%, #201b24 38.7%, #322633 41.9%, #4c3342 45.2%, #6c434d 48.4%, #8d5550 51.6%, #a9694b 54.8%, #be8043 58.1%, #ca943a 61.3%, #cfa235 64.5%, #d2a530 67.7%, #d59d29 71.0%, #d58d28 74.2%, #cf7734 77.4%, #c15f45 80.6%, #aa4a55 83.9%, #8d3a5f 87.1%, #6f2e63 90.3%, #522661 93.5%, #3b1f5b 96.8%, #2c1a55 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.46% 0.1640 0.00) 0.0%, oklch(44.45% 0.1541 355.19) 3.2%, oklch(41.41% 0.1400 347.81) 6.5%, oklch(37.66% 0.1228 338.67) 9.7%, oklch(33.50% 0.1037 328.55) 12.9%, oklch(29.24% 0.0838 318.23) 16.1%, oklch(25.20% 0.0642 308.49) 19.4%, oklch(21.68% 0.0462 300.14) 22.6%, oklch(18.99% 0.0310 293.96) 25.8%, oklch(17.45% 0.0196 290.72) 29.0%, oklch(17.37% 0.0132 291.23) 32.3%, oklch(19.16% 0.0129 296.66) 35.5%, oklch(23.14% 0.0185 308.03) 38.7%, oklch(28.83% 0.0287 324.04) 41.9%, oklch(35.71% 0.0425 343.26) 45.2%, oklch(43.29% 0.0586 4.23) 48.4%, oklch(51.03% 0.0758 25.52) 51.6%, oklch(58.44% 0.0929 45.68) 54.8%, oklch(64.99% 0.1089 63.27) 58.1%, oklch(70.18% 0.1224 76.85) 61.3%, oklch(73.50% 0.1324 84.98) 64.5%, oklch(74.45% 0.1377 86.26) 67.7%, oklch(73.13% 0.1395 80.73) 71.0%, oklch(69.98% 0.1387 69.65) 74.2%, oklch(65.42% 0.1358 54.29) 77.4%, oklch(59.85% 0.1314 35.89) 80.6%, oklch(53.67% 0.1260 15.72) 83.9%, oklch(47.29% 0.1201 355.04) 87.1%, oklch(41.13% 0.1142 335.11) 90.3%, oklch(35.58% 0.1089 317.18) 93.5%, oklch(31.05% 0.1046 302.51) 96.8%, oklch(27.95% 0.1020 292.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.164 | 0 |
| 2 | 0.177 | 0.012 | -67.6 |
| 3 | 0.744 | 0.136 | 86.7 |
| 4 | 0.28 | 0.102 | -67.6 |

## Other forms

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