# Dark purple, salmon, tan and green linear gradient

Dark purple, salmon, tan and green linear gradient with 7 colors: #402035, #672f57, #9f4d70, #d47c6a, #dab847, #83b262, #3e6a45. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSyrzOqjANYpxblMcoPRvDg`
- Page: https://grabient.com/kWSyrzOqjANYpxblMcoPRvDg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.3 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 | `#402035` | `oklch(29.53% 0.0579 341.72)` | Sitter Red | white, 14.2 to 1 |
| 2 | `#672f57` | `oklch(39.56% 0.0955 339.61)` | Velvet Mauve | white, 9.8 to 1 |
| 3 | `#9f4d70` | `oklch(53.27% 0.1156 355.22)` | Ancient Fuchsia | white, 5.5 to 1 |
| 4 | `#d47c6a` | `oklch(67.72% 0.1144 32.44)` | Masoho Red | black, 6.8 to 1 |
| 5 | `#dab847` | `oklch(79.16% 0.1345 92.21)` | Credo | black, 10.9 to 1 |
| 6 | `#83b262` | `oklch(71.07% 0.1201 133.46)` | Broccoli | black, 8.4 to 1 |
| 7 | `#3e6a45` | `oklch(48.03% 0.0758 148.69)` | Chopped Chive | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #402035 0.0%, #672f57 16.7%, #9f4d70 33.3%, #d47c6a 50.0%, #dab847 66.7%, #83b262 83.3%, #3e6a45 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.53% 0.0579 341.72) 0.0%, oklch(39.56% 0.0955 339.61) 16.7%, oklch(53.27% 0.1156 355.22) 33.3%, oklch(67.72% 0.1144 32.44) 50.0%, oklch(79.16% 0.1345 92.21) 66.7%, oklch(71.07% 0.1201 133.46) 83.3%, oklch(48.03% 0.0758 148.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.058 | 341.7 |
| 2 | 0.461 | 0.112 | 343.8 |
| 3 | 0.677 | 0.114 | 392.4 |
| 4 | 0.795 | 0.136 | 478 |
| 5 | 0.48 | 0.076 | 508.7 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

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