# Warm beige, tan, pink and purple linear gradient

Warm beige, tan, pink and purple linear gradient with 7 colors: #e5d6b1, #c2a874, #ca997a, #e0b4ba, #e19d79, #b56e57, #63465b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3yU-2J4-ecSuBYqEYNxK14`
- Page: https://grabient.com/kW3yU-2J4-ecSuBYqEYNxK14
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#e5d6b1` | `oklch(87.80% 0.0510 87.89)` | Russeau Gold | black, 14.5 to 1 |
| 2 | `#c2a874` | `oklch(74.21% 0.0756 83.90)` | Hay Yellow | black, 9.1 to 1 |
| 3 | `#ca997a` | `oklch(72.15% 0.0734 52.63)` | Sweet Almond | black, 8.3 to 1 |
| 4 | `#e0b4ba` | `oklch(81.10% 0.0510 8.63)` | Heart’s Content | black, 11.4 to 1 |
| 5 | `#e19d79` | `oklch(75.44% 0.0959 48.87)` | Pecan Veneer | black, 9.3 to 1 |
| 6 | `#b56e57` | `oklch(61.02% 0.0971 39.20)` | Caramel Candy | black, 5.3 to 1 |
| 7 | `#63465b` | `oklch(43.31% 0.0510 335.87)` | Ripe Mulberry | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e5d6b1 0.0%, #c2a874 16.7%, #ca997a 33.3%, #e0b4ba 50.0%, #e19d79 66.7%, #b56e57 83.3%, #63465b 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.80% 0.0510 87.89) 0.0%, oklch(74.21% 0.0756 83.90) 16.7%, oklch(72.15% 0.0734 52.63) 33.3%, oklch(81.10% 0.0510 8.63) 50.0%, oklch(75.44% 0.0959 48.87) 66.7%, oklch(61.02% 0.0971 39.20) 83.3%, oklch(43.31% 0.0510 335.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.051 | 87.9 |
| 2 | 0.697 | 0.083 | 75.2 |
| 3 | 0.811 | 0.051 | 8.6 |
| 4 | 0.697 | 0.11 | 60.4 |
| 5 | 0.433 | 0.051 | -24.1 |

## In these collections

- [Brass flower bowl](https://grabient.com/brass-flower-bowl)

## Other forms

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