# Purple, salmon, peach and tan linear gradient

Purple, salmon, peach and tan linear gradient with 7 colors: #4d3e5e, #864b6b, #c76169, #fe7b70, #ff9e76, #ffc17e, #fde586. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWZCnZRqfHV06wjnqcMdStE4`
- Page: https://grabient.com/kWZCnZRqfHV06wjnqcMdStE4
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#4d3e5e` | `oklch(39.37% 0.0565 305.16)` | Powerful Mauve | white, 9.6 to 1 |
| 2 | `#864b6b` | `oklch(49.42% 0.0895 347.62)` | Noble Tone | white, 6.4 to 1 |
| 3 | `#c76169` | `oklch(61.65% 0.1300 16.78)` | Desert Rose | black, 5.3 to 1 |
| 4 | `#fe7b70` | `oklch(73.23% 0.1612 26.53)` | Hipster Salmon | black, 8.2 to 1 |
| 5 | `#ff9e76` | `oklch(78.91% 0.1284 42.69)` | Candyman | black, 10.3 to 1 |
| 6 | `#ffc17e` | `oklch(85.26% 0.1102 67.43)` | Buttery | black, 13.1 to 1 |
| 7 | `#fde586` | `oklch(92.13% 0.1185 95.21)` | Lemon Drizzle | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4d3e5e 0.0%, #864b6b 16.7%, #c76169 33.3%, #fe7b70 50.0%, #ff9e76 66.7%, #ffc17e 83.3%, #fde586 100.0%);
background: linear-gradient(90deg in oklch, oklch(39.37% 0.0565 305.16) 0.0%, oklch(49.42% 0.0895 347.62) 16.7%, oklch(61.65% 0.1300 16.78) 33.3%, oklch(73.23% 0.1612 26.53) 50.0%, oklch(78.91% 0.1284 42.69) 66.7%, oklch(85.26% 0.1102 67.43) 83.3%, oklch(92.13% 0.1185 95.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.056 | 305.2 |
| 2 | 0.555 | 0.109 | 367.5 |
| 3 | 0.732 | 0.161 | 386.5 |
| 4 | 0.815 | 0.114 | 412.9 |
| 5 | 0.921 | 0.119 | 455.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [WGSN 2027 swatches](https://grabient.com/wgsn-2027-swatches)

## Other forms

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