# Analogous gray, tan, pink and maroon linear swatches

Analogous gray, tan, pink and maroon linear swatches with 5 colors: #ebe2cd, #2e2929, #c49941, #d9939f, #963d47. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kGevizcuKSl_3EmUEdmTnxlj1HA`
- Page: https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#2e2929` | `oklch(28.64% 0.0074 17.59)` | Livid Brown | white, 14.3 to 1 |
| 3 | `#c49941` | `oklch(70.66% 0.1166 82.58)` | Golden Spice | black, 7.9 to 1 |
| 4 | `#d9939f` | `oklch(73.59% 0.0858 8.13)` | Rose Marquis | black, 8.6 to 1 |
| 5 | `#963d47` | `oklch(48.33% 0.1198 15.93)` | Romp | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebe2cd 0.000% 20.000%, #2e2929 20.000% 40.000%, #c49941 40.000% 60.000%, #d9939f 60.000% 80.000%, #963d47 80.000% 100.000%);
background: linear-gradient(90deg, oklch(91.43% 0.0296 87.55) 0.000% 20.000%, oklch(28.64% 0.0074 17.59) 20.000% 40.000%, oklch(70.66% 0.1166 82.58) 40.000% 60.000%, oklch(73.59% 0.0858 8.13) 60.000% 80.000%, oklch(48.33% 0.1198 15.93) 80.000% 100.000%);
```

## 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?style=linearSwatches&steps=5)
- [PNG](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.png?style=linearSwatches&steps=5)
- [SVG](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.svg?style=linearSwatches&steps=5)
- [CSS](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.css?style=linearSwatches&steps=5)
- [ASE](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.ase?style=linearSwatches&steps=5)
- [GPL](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.gpl?style=linearSwatches&steps=5)
- [GRD](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.grd?style=linearSwatches&steps=5)
- [Design tokens](https://grabient.com/kGevizcuKSl_3EmUEdmTnxlj1HA.tokens.json?style=linearSwatches&steps=5)
- [Social card](https://grabient.com/api/og?seed=kGevizcuKSl_3EmUEdmTnxlj1HA&style=linearSwatches&steps=5)
- [Palettes like this one](https://grabient.com/palettes?q=kGevizcuKSl_3EmUEdmTnxlj1HA)
- [Guide for agents](https://grabient.com/llms.txt)