# Gray, brown, pink and maroon linear gradient

Gray, brown, pink and maroon linear gradient with 7 colors: #ebe2cd, #565252, #483c28, #c49941, #e89a8e, #c47a8b, #963d47. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kGevizcuKSl_3EmUEdmTnxlj1HA`
- Page: https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: warm
- 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 | `#ebe2cd` | `oklch(91.43% 0.0296 87.55)` | Snow on the Pines | black, 16.2 to 1 |
| 2 | `#565252` | `oklch(44.13% 0.0058 19.01)` | Greyish Black | white, 7.7 to 1 |
| 3 | `#483c28` | `oklch(36.33% 0.0357 80.29)` | Harpy Brown | white, 10.7 to 1 |
| 4 | `#c49941` | `oklch(70.66% 0.1166 82.58)` | Golden Spice | black, 7.9 to 1 |
| 5 | `#e89a8e` | `oklch(76.15% 0.0963 29.60)` | Salmon Salt | black, 9.4 to 1 |
| 6 | `#c47a8b` | `oklch(66.32% 0.0936 4.93)` | Japanese Coral | black, 6.5 to 1 |
| 7 | `#963d47` | `oklch(48.33% 0.1198 15.93)` | Romp | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebe2cd 0.0%, #565252 16.7%, #483c28 33.3%, #c49941 50.0%, #e89a8e 66.7%, #c47a8b 83.3%, #963d47 100.0%);
background: linear-gradient(90deg in oklch, oklch(91.43% 0.0296 87.55) 0.0%, oklch(44.13% 0.0058 19.01) 16.7%, oklch(36.33% 0.0357 80.29) 33.3%, oklch(70.66% 0.1166 82.58) 50.0%, oklch(76.15% 0.0963 29.60) 66.7%, oklch(66.32% 0.0936 4.93) 83.3%, oklch(48.33% 0.1198 15.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.914 | 0.03 | 87.5 |
| 2 | 0.286 | 0.007 | 87.5 |
| 3 | 0.707 | 0.117 | 82.6 |
| 4 | 0.736 | 0.086 | 8.1 |
| 5 | 0.483 | 0.12 | 15.9 |

## In these collections

- [Color, Slightly Off](https://grabient.com/colour-slightly-off)

## Other forms

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