# Tan, pink, olive and brown linear gradient

Tan, pink, olive and brown linear gradient with 7 colors: #d7b76f, #df8589, #9c8934, #986339, #804659, #653800, #442804. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYyUc9WKi3kwlTI_nTBM6FICcXQQ`
- Page: https://grabient.com/kYyUc9WKi3kwlTI_nTBM6FICcXQQ
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#d7b76f` | `oklch(79.13% 0.0978 85.78)` | Golden Pagoda | black, 10.8 to 1 |
| 2 | `#df8589` | `oklch(71.39% 0.1105 17.32)` | Pulp | black, 7.8 to 1 |
| 3 | `#9c8934` | `oklch(63.14% 0.1070 97.25)` | Parsnip Root | black, 6 to 1 |
| 4 | `#986339` | `oklch(54.90% 0.0897 58.04)` | Ash Brown | white, 5 to 1 |
| 5 | `#804659` | `oklch(46.84% 0.0826 359.83)` | Wild Plum | white, 7.1 to 1 |
| 6 | `#653800` | `oklch(38.82% 0.0882 63.41)` | Brown | white, 9.9 to 1 |
| 7 | `#442804` | `oklch(30.71% 0.0634 67.82)` | Ibex Brown | white, 13.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d7b76f 0.0%, #df8589 16.7%, #9c8934 33.3%, #986339 50.0%, #804659 66.7%, #653800 83.3%, #442804 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.13% 0.0978 85.78) 0.0%, oklch(71.39% 0.1105 17.32) 16.7%, oklch(63.14% 0.1070 97.25) 33.3%, oklch(54.90% 0.0897 58.04) 50.0%, oklch(46.84% 0.0826 359.83) 66.7%, oklch(38.82% 0.0882 63.41) 83.3%, oklch(30.71% 0.0634 67.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.098 | 85.8 |
| 2 | 0.697 | 0.112 | 15 |
| 3 | 0.598 | 0.102 | 121.7 |
| 4 | 0.5 | 0.08 | -10.4 |
| 5 | 0.406 | 0.091 | 58.3 |
| 6 | 0.307 | 0.063 | 67.8 |

## In these collections

- [Vintage stationery](https://grabient.com/vintage-stationery)

## Other forms

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