# Monochrome tan to dark gray linear gradient

Monochrome tan to dark gray linear gradient with 7 colors: #dbb772, #ce9e55, #b47d39, #915d28, #6d452c, #503a3b, #3c3f53. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYykY62qe_EsmPu7Hj7MAy8i-Mss`
- Page: https://grabient.com/kYykY62qe_EsmPu7Hj7MAy8i-Mss
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#dbb772` | `oklch(79.53% 0.0965 82.27)` | Harpswell Green | black, 10.9 to 1 |
| 2 | `#ce9e55` | `oklch(72.96% 0.1076 76.25)` | Bright Gold | black, 8.6 to 1 |
| 3 | `#b47d39` | `oklch(63.30% 0.1080 69.35)` | Mandalay | black, 5.9 to 1 |
| 4 | `#915d28` | `oklch(52.53% 0.0965 62.91)` | Afghan Carpet | white, 5.5 to 1 |
| 5 | `#6d452c` | `oklch(42.97% 0.0668 51.85)` | Pumpernickel | white, 8.3 to 1 |
| 6 | `#503a3b` | `oklch(37.25% 0.0317 13.36)` | Dark Puce | white, 10.4 to 1 |
| 7 | `#3c3f53` | `oklch(37.40% 0.0344 277.41)` | Knighthood | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dbb772 0.0%, #ce9e55 16.7%, #b47d39 33.3%, #915d28 50.0%, #6d452c 66.7%, #503a3b 83.3%, #3c3f53 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.53% 0.0965 82.27) 0.0%, oklch(72.96% 0.1076 76.25) 16.7%, oklch(63.30% 0.1080 69.35) 33.3%, oklch(52.53% 0.0965 62.91) 50.0%, oklch(42.97% 0.0668 51.85) 66.7%, oklch(37.25% 0.0317 13.36) 83.3%, oklch(37.40% 0.0344 277.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.096 | 82.3 |
| 2 | 0.713 | 0.109 | 74.9 |
| 3 | 0.591 | 0.105 | 66.4 |
| 4 | 0.465 | 0.083 | 56.9 |
| 5 | 0.378 | 0.034 | 28.4 |
| 6 | 0.374 | 0.034 | -82.6 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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