# Analogous maroon, pink, tan and brown linear gradient

Analogous maroon, pink, tan and brown linear gradient with 7 colors: #5f0025, #910034, #c4214a, #dd5d62, #e7b175, #a78d63, #421d08. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWT20FvUjAtG6QLlm0eI5e7g`
- Page: https://grabient.com/kWT20FvUjAtG6QLlm0eI5e7g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#5f0025` | `oklch(31.13% 0.1247 7.80)` | Baal Red Wash | white, 13.8 to 1 |
| 2 | `#910034` | `oklch(41.83% 0.1672 11.76)` | Madrileño Maroon | white, 9.3 to 1 |
| 3 | `#c4214a` | `oklch(53.48% 0.1948 14.04)` | Grenade | white, 5.7 to 1 |
| 4 | `#dd5d62` | `oklch(64.17% 0.1598 20.42)` | Briquette | black, 5.8 to 1 |
| 5 | `#e7b175` | `oklch(79.70% 0.0990 68.75)` | High Plateau | black, 10.9 to 1 |
| 6 | `#a78d63` | `oklch(65.69% 0.0652 78.69)` | Fossil Butte | black, 6.6 to 1 |
| 7 | `#421d08` | `oklch(27.95% 0.0648 47.89)` | Délicieux au Chocolat | white, 14.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5f0025 0.0%, #910034 16.7%, #c4214a 33.3%, #dd5d62 50.0%, #e7b175 66.7%, #a78d63 83.3%, #421d08 100.0%);
background: linear-gradient(90deg in oklch, oklch(31.13% 0.1247 7.80) 0.0%, oklch(41.83% 0.1672 11.76) 16.7%, oklch(53.48% 0.1948 14.04) 33.3%, oklch(64.17% 0.1598 20.42) 50.0%, oklch(79.70% 0.0990 68.75) 66.7%, oklch(65.69% 0.0652 78.69) 83.3%, oklch(27.95% 0.0648 47.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.15 | 7.7 |
| 2 | 0.48 | 0.2 | 14.1 |
| 3 | 0.642 | 0.16 | 20.4 |
| 4 | 0.799 | 0.074 | 84.9 |
| 5 | 0.28 | 0.065 | 47.9 |

## In these collections

- [Fall swatches](https://grabient.com/fall-swatches)
- [Warm swatches](https://grabient.com/warm-swatches)
- [Thanksgiving swatches](https://grabient.com/thanksgiving-swatches)

## Other forms

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