# Warm maroon, brown, pink and purple linear gradient

Warm maroon, brown, pink and purple linear gradient with 7 colors: #4c1c26, #c46825, #cb712d, #6b353b, #cd5f6a, #d0566e, #641a3f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWTTUHWrpGbMcOfYu8BLKi9I`
- Page: https://grabient.com/kWTTUHWrpGbMcOfYu8BLKi9I
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.9 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 | `#4c1c26` | `oklch(30.31% 0.0730 9.84)` | Vino Tinto | white, 13.9 to 1 |
| 2 | `#c46825` | `oklch(61.43% 0.1402 52.27)` | Kincha Brown | black, 5.3 to 1 |
| 3 | `#cb712d` | `oklch(63.98% 0.1386 53.72)` | Ochre Pigment | black, 5.9 to 1 |
| 4 | `#6b353b` | `oklch(40.16% 0.0772 14.07)` | Rubine | white, 9.5 to 1 |
| 5 | `#cd5f6a` | `oklch(62.35% 0.1391 16.15)` | Desert Rose | black, 5.4 to 1 |
| 6 | `#d0566e` | `oklch(61.61% 0.1549 10.59)` | Strawberry Moon | black, 5.2 to 1 |
| 7 | `#641a3f` | `oklch(35.04% 0.1116 353.99)` | Plum Caspia | white, 11.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4c1c26 0.0%, #c46825 16.7%, #cb712d 33.3%, #6b353b 50.0%, #cd5f6a 66.7%, #d0566e 83.3%, #641a3f 100.0%);
background: linear-gradient(90deg in oklch, oklch(30.31% 0.0730 9.84) 0.0%, oklch(61.43% 0.1402 52.27) 16.7%, oklch(63.98% 0.1386 53.72) 33.3%, oklch(40.16% 0.0772 14.07) 50.0%, oklch(62.35% 0.1391 16.15) 66.7%, oklch(61.61% 0.1549 10.59) 83.3%, oklch(35.04% 0.1116 353.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.073 | 9.8 |
| 2 | 0.713 | 0.16 | 64.8 |
| 3 | 0.402 | 0.077 | 14.1 |
| 4 | 0.697 | 0.164 | 17.2 |
| 5 | 0.35 | 0.112 | -6 |

## Other forms

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