# Pastel triadic tan, lavender and blue linear gradient

Pastel triadic tan, lavender and blue linear gradient with 7 colors: #efd1a0, #ebbdae, #dcb0c1, #c2b0d1, #a9b7d5, #8dbbcb, #74afb7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3jQ4aRQ6OSUuXjEDn4hM5NsWvW`
- Page: https://grabient.com/kY3jQ4aRQ6OSUuXjEDn4hM5NsWvW
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#efd1a0` | `oklch(87.40% 0.0717 78.75)` | Crossroads | black, 14.2 to 1 |
| 2 | `#ebbdae` | `oklch(83.45% 0.0570 39.17)` | Virgin Peach | black, 12.3 to 1 |
| 3 | `#dcb0c1` | `oklch(80.10% 0.0564 353.43)` | Private-Label Pink | black, 11 to 1 |
| 4 | `#c2b0d1` | `oklch(78.37% 0.0499 309.96)` | Vintage Bloom | black, 10.4 to 1 |
| 5 | `#a9b7d5` | `oklch(77.84% 0.0453 264.58)` | Over the Moon | black, 10.4 to 1 |
| 6 | `#8dbbcb` | `oklch(76.46% 0.0540 221.55)` | Blue Echo | black, 10 to 1 |
| 7 | `#74afb7` | `oklch(71.65% 0.0620 206.26)` | Water Glitter | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #efd1a0 0.0%, #ebbdae 16.7%, #dcb0c1 33.3%, #c2b0d1 50.0%, #a9b7d5 66.7%, #8dbbcb 83.3%, #74afb7 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.40% 0.0717 78.75) 0.0%, oklch(83.45% 0.0570 39.17) 16.7%, oklch(80.10% 0.0564 353.43) 33.3%, oklch(78.37% 0.0499 309.96) 50.0%, oklch(77.84% 0.0453 264.58) 66.7%, oklch(76.46% 0.0540 221.55) 83.3%, oklch(71.65% 0.0620 206.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.072 | 78.8 |
| 2 | 0.827 | 0.055 | 30.1 |
| 3 | 0.791 | 0.056 | -24.8 |
| 4 | 0.78 | 0.044 | -75.5 |
| 5 | 0.772 | 0.052 | -132.6 |
| 6 | 0.717 | 0.062 | -153.7 |

## In these collections

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

## Other forms

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