# Beige, brown, dark purple and black linear gradient

Beige, brown, dark purple and black linear gradient with 7 colors: #f9ebd5, #ddc489, #b88a28, #873d31, #3a1833, #1a0f21, #0e0c13. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU8Bg41CzAKKYs2Uhbtg`
- Page: https://grabient.com/kU8Bg41CzAKKYs2Uhbtg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#f9ebd5` | `oklch(94.49% 0.0331 79.45)` | Dollop of Cream | black, 17.8 to 1 |
| 2 | `#ddc489` | `oklch(82.75% 0.0813 87.11)` | Lemon Sorbet Yellow | black, 12.3 to 1 |
| 3 | `#b88a28` | `oklch(66.14% 0.1226 81.57)` | University of California Gold | black, 6.7 to 1 |
| 4 | `#873d31` | `oklch(45.57% 0.1039 31.24)` | Boxcar | white, 7.6 to 1 |
| 5 | `#3a1833` | `oklch(27.17% 0.0675 335.89)` | Nightly Voyager | white, 15.3 to 1 |
| 6 | `#1a0f21` | `oklch(19.22% 0.0379 310.27)` | Shot in the Dark | white, 18.5 to 1 |
| 7 | `#0e0c13` | `oklch(16.14% 0.0152 297.85)` | Midnight Oil | white, 19.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f9ebd5 0.0%, #ddc489 16.7%, #b88a28 33.3%, #873d31 50.0%, #3a1833 66.7%, #1a0f21 83.3%, #0e0c13 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.49% 0.0331 79.45) 0.0%, oklch(82.75% 0.0813 87.11) 16.7%, oklch(66.14% 0.1226 81.57) 33.3%, oklch(45.57% 0.1039 31.24) 50.0%, oklch(27.17% 0.0675 335.89) 66.7%, oklch(19.22% 0.0379 310.27) 83.3%, oklch(16.14% 0.0152 297.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.033 | 79.5 |
| 2 | 0.661 | 0.123 | 81.6 |
| 3 | 0.272 | 0.068 | -24.1 |
| 4 | 0.161 | 0.015 | -62.2 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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