# Tan, pink, purple and lavender linear gradient

Tan, pink, purple and lavender linear gradient with 7 colors: #9ed3a8, #f4b3a7, #eaa7c6, #e49483, #ad7d8e, #9f7f9e, #bd93cb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0Dtq6B0sl6kxXOErlW6G9o`
- Page: https://grabient.com/kW0Dtq6B0sl6kxXOErlW6G9o
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#9ed3a8` | `oklch(81.89% 0.0813 149.77)` | Chinook | black, 12.3 to 1 |
| 2 | `#f4b3a7` | `oklch(82.44% 0.0788 31.06)` | Warm Heart | black, 11.8 to 1 |
| 3 | `#eaa7c6` | `oklch(80.15% 0.0878 349.69)` | Elastic Pink | black, 10.8 to 1 |
| 4 | `#e49483` | `oklch(74.41% 0.1006 32.47)` | Ravishing Coral | black, 8.8 to 1 |
| 5 | `#ad7d8e` | `oklch(64.20% 0.0634 356.18)` | Silken Raspberry | black, 6 to 1 |
| 6 | `#9f7f9e` | `oklch(63.60% 0.0596 326.67)` | Pink Plumeria | black, 5.9 to 1 |
| 7 | `#bd93cb` | `oklch(72.05% 0.0923 317.44)` | Amethyst Show | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9ed3a8 0.0%, #f4b3a7 16.7%, #eaa7c6 33.3%, #e49483 50.0%, #ad7d8e 66.7%, #9f7f9e 83.3%, #bd93cb 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.0813 149.77) 0.0%, oklch(82.44% 0.0788 31.06) 16.7%, oklch(80.15% 0.0878 349.69) 33.3%, oklch(74.41% 0.1006 32.47) 50.0%, oklch(64.20% 0.0634 356.18) 66.7%, oklch(63.60% 0.0596 326.67) 83.3%, oklch(72.05% 0.0923 317.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.081 | 149.8 |
| 2 | 0.819 | 0.08 | -14 |
| 3 | 0.744 | 0.101 | 32.5 |
| 4 | 0.614 | 0.051 | -23.5 |
| 5 | 0.72 | 0.092 | -42.6 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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