# Black, purple and tan linear gradient

Black, purple and tan linear gradient with 32 colors: #000103, #000409, #000a1c, #070f39, #201947, #362251, #492b57, #58325b, #65395e, #6f3f60, #794462, #824a64, #8b5066, #935767, #9c5d68, #a4646a, #ab6b6b, #b2716c, #b8786d, #be7f6f, #c48671, #c98d73, #ce9475, #d39b78, #d7a27a, #dba97e, #dfb181, #e3b986, #e7c18b, #eac990, #edcf94, #eed498. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYETyjLR5KUGeRPSnkP4Z5DW-eQu`
- Page: https://grabient.com/kYETyjLR5KUGeRPSnkP4Z5DW-eQu?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#000103` | `oklch(6.89% 0.0153 238.25)` | Binary Black | white, 20.8 to 1 |
| 2 | `#000409` | `oklch(9.93% 0.0236 242.09)` | Ninja | white, 20.5 to 1 |
| 3 | `#000a1c` | `oklch(14.32% 0.0450 253.62)` | Melanophobia | white, 19.8 to 1 |
| 4 | `#070f39` | `oklch(19.51% 0.0827 268.75)` | Infinite Night | white, 18.4 to 1 |
| 5 | `#201947` | `oklch(25.00% 0.0827 285.60)` | Azulado | white, 16.3 to 1 |
| 6 | `#362251` | `oklch(30.23% 0.0827 301.49)` | Powerful Violet | white, 13.9 to 1 |
| 7 | `#492b57` | `oklch(34.68% 0.0827 314.74)` | Deep Plum | white, 11.8 to 1 |
| 8 | `#58325b` | `oklch(38.15% 0.0827 324.67)` | Passion Razz | white, 10.3 to 1 |
| 9 | `#65395e` | `oklch(41.12% 0.0827 332.78)` | Wine Tour | white, 9.1 to 1 |
| 10 | `#6f3f60` | `oklch(43.73% 0.0827 339.58)` | Mystique Violet | white, 8.2 to 1 |
| 11 | `#794462` | `oklch(46.11% 0.0827 345.54)` | Scintillating Violet | white, 7.4 to 1 |
| 12 | `#824a64` | `oklch(48.37% 0.0827 351.12)` | Nectar Red | white, 6.7 to 1 |
| 13 | `#8b5066` | `oklch(50.64% 0.0827 356.80)` | Velour Scar | white, 6.1 to 1 |
| 14 | `#935767` | `oklch(52.99% 0.0827 2.83)` | Pink Peppercorn | white, 5.5 to 1 |
| 15 | `#9c5d68` | `oklch(55.26% 0.0827 8.66)` | Tropical Hibiscus | white, 5 to 1 |
| 16 | `#a4646a` | `oklch(57.46% 0.0827 14.25)` | Herald of Spring | black, 4.5 to 1 |
| 17 | `#ab6b6b` | `oklch(59.60% 0.0827 19.64)` | Jabłoński Brown | black, 5 to 1 |
| 18 | `#b2716c` | `oklch(61.69% 0.0827 24.87)` | Terra Tone | black, 5.4 to 1 |
| 19 | `#b8786d` | `oklch(63.74% 0.0827 29.99)` | Earth Rose | black, 5.9 to 1 |
| 20 | `#be7f6f` | `oklch(65.77% 0.0827 35.01)` | Kitchen Terra Cotta | black, 6.4 to 1 |
| 21 | `#c48671` | `oklch(67.75% 0.0827 39.88)` | Secluded Canyon | black, 7 to 1 |
| 22 | `#c98d73` | `oklch(69.68% 0.0827 44.59)` | Baker’s Dream | black, 7.5 to 1 |
| 23 | `#ce9475` | `oklch(71.58% 0.0827 49.17)` | Feldspar | black, 8.1 to 1 |
| 24 | `#d39b78` | `oklch(73.45% 0.0827 53.65)` | Rustic Adobe | black, 8.7 to 1 |
| 25 | `#d7a27a` | `oklch(75.30% 0.0827 58.06)` | Sunswept Sand | black, 9.3 to 1 |
| 26 | `#dba97e` | `oklch(77.14% 0.0827 62.43)` | Eastern Spice | black, 10 to 1 |
| 27 | `#dfb181` | `oklch(79.12% 0.0827 67.04)` | Desert Mist | black, 10.7 to 1 |
| 28 | `#e3b986` | `oklch(81.19% 0.0827 71.81)` | Cane Sugar | black, 11.5 to 1 |
| 29 | `#e7c18b` | `oklch(83.22% 0.0827 76.46)` | Gold Hearted | black, 12.4 to 1 |
| 30 | `#eac990` | `oklch(85.08% 0.0827 80.72)` | Honeysuckle Beige | black, 13.2 to 1 |
| 31 | `#edcf94` | `oklch(86.65% 0.0827 84.29)` | Sparkling Champagne | black, 13.9 to 1 |
| 32 | `#eed498` | `oklch(87.80% 0.0827 86.91)` | White Corn | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #000103 0.0%, #000409 3.2%, #000a1c 6.5%, #070f39 9.7%, #201947 12.9%, #362251 16.1%, #492b57 19.4%, #58325b 22.6%, #65395e 25.8%, #6f3f60 29.0%, #794462 32.3%, #824a64 35.5%, #8b5066 38.7%, #935767 41.9%, #9c5d68 45.2%, #a4646a 48.4%, #ab6b6b 51.6%, #b2716c 54.8%, #b8786d 58.1%, #be7f6f 61.3%, #c48671 64.5%, #c98d73 67.7%, #ce9475 71.0%, #d39b78 74.2%, #d7a27a 77.4%, #dba97e 80.6%, #dfb181 83.9%, #e3b986 87.1%, #e7c18b 90.3%, #eac990 93.5%, #edcf94 96.8%, #eed498 100.0%);
background: linear-gradient(180deg in oklch, oklch(6.89% 0.0153 238.25) 0.0%, oklch(9.93% 0.0236 242.09) 3.2%, oklch(14.32% 0.0450 253.62) 6.5%, oklch(19.51% 0.0827 268.75) 9.7%, oklch(25.00% 0.0827 285.60) 12.9%, oklch(30.23% 0.0827 301.49) 16.1%, oklch(34.68% 0.0827 314.74) 19.4%, oklch(38.15% 0.0827 324.67) 22.6%, oklch(41.12% 0.0827 332.78) 25.8%, oklch(43.73% 0.0827 339.58) 29.0%, oklch(46.11% 0.0827 345.54) 32.3%, oklch(48.37% 0.0827 351.12) 35.5%, oklch(50.64% 0.0827 356.80) 38.7%, oklch(52.99% 0.0827 2.83) 41.9%, oklch(55.26% 0.0827 8.66) 45.2%, oklch(57.46% 0.0827 14.25) 48.4%, oklch(59.60% 0.0827 19.64) 51.6%, oklch(61.69% 0.0827 24.87) 54.8%, oklch(63.74% 0.0827 29.99) 58.1%, oklch(65.77% 0.0827 35.01) 61.3%, oklch(67.75% 0.0827 39.88) 64.5%, oklch(69.68% 0.0827 44.59) 67.7%, oklch(71.58% 0.0827 49.17) 71.0%, oklch(73.45% 0.0827 53.65) 74.2%, oklch(75.30% 0.0827 58.06) 77.4%, oklch(77.14% 0.0827 62.43) 80.6%, oklch(79.12% 0.0827 67.04) 83.9%, oklch(81.19% 0.0827 71.81) 87.1%, oklch(83.22% 0.0827 76.46) 90.3%, oklch(85.08% 0.0827 80.72) 93.5%, oklch(86.65% 0.0827 84.29) 96.8%, oklch(87.80% 0.0827 86.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.067 | 0.083 | 229.2 |
| 2 | 0.354 | 0.083 | 316.9 |
| 3 | 0.516 | 0.083 | 359.2 |
| 4 | 0.65 | 0.083 | 393 |
| 5 | 0.768 | 0.083 | 421.5 |
| 6 | 0.878 | 0.083 | 446.9 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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