# Warm dark purple, salmon and tan linear gradient

Warm dark purple, salmon and tan linear gradient with 8 colors: #361b2e, #6c2b45, #ac515f, #dc836b, #e2a878, #a17577, #5b4867, #2d2a42. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcRCXyMaPB8YrwbZKkLYqJC00UOq3FLhJg-9Q`
- Page: https://grabient.com/kcRCXyMaPB8YrwbZKkLYqJC00UOq3FLhJg-9Q?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#361b2e` | `oklch(26.77% 0.0510 340.31)` | Nightly Voyager | white, 15.4 to 1 |
| 2 | `#6c2b45` | `oklch(38.98% 0.0978 357.22)` | Cherry Juice Red | white, 10.1 to 1 |
| 3 | `#ac515f` | `oklch(55.12% 0.1199 12.02)` | Rose Vale | white, 5.1 to 1 |
| 4 | `#dc836b` | `oklch(70.08% 0.1157 36.32)` | Indian Princess | black, 7.5 to 1 |
| 5 | `#e2a878` | `oklch(77.56% 0.0937 60.63)` | Thai Ice Tea | black, 10.1 to 1 |
| 6 | `#a17577` | `oklch(60.63% 0.0551 16.24)` | Bohemian Jazz | black, 5.3 to 1 |
| 7 | `#5b4867` | `oklch(43.31% 0.0565 311.78)` | Purple People Eater | white, 8.2 to 1 |
| 8 | `#2d2a42` | `oklch(29.92% 0.0427 289.59)` | Viola Black | white, 13.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #361b2e 0.0%, #6c2b45 14.3%, #ac515f 28.6%, #dc836b 42.9%, #e2a878 57.1%, #a17577 71.4%, #5b4867 85.7%, #2d2a42 100.0%);
background: linear-gradient(90deg in oklch, oklch(26.77% 0.0510 340.31) 0.0%, oklch(38.98% 0.0978 357.22) 14.3%, oklch(55.12% 0.1199 12.02) 28.6%, oklch(70.08% 0.1157 36.32) 42.9%, oklch(77.56% 0.0937 60.63) 57.1%, oklch(60.63% 0.0551 16.24) 71.4%, oklch(43.31% 0.0565 311.78) 85.7%, oklch(29.92% 0.0427 289.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.051 | 340.3 |
| 2 | 0.39 | 0.098 | 357.2 |
| 3 | 0.551 | 0.12 | 372 |
| 4 | 0.701 | 0.116 | 396.3 |
| 5 | 0.776 | 0.094 | 420.6 |
| 6 | 0.606 | 0.055 | 376.2 |
| 7 | 0.433 | 0.056 | 311.8 |
| 8 | 0.299 | 0.043 | 289.6 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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