# Pastel teal, blue, lavender and pink linear gradient

Pastel teal, blue, lavender and pink linear gradient with 7 colors: #85e1bb, #73d9d2, #6fc3e6, #8da0e8, #b489df, #d384c5, #e290b4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW1kx15iJE9unR5ZsUW3ydDo`
- Page: https://grabient.com/kW1kx15iJE9unR5ZsUW3ydDo
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#85e1bb` | `oklch(84.25% 0.1047 165.23)` | Sprig of Mint | black, 13.5 to 1 |
| 2 | `#73d9d2` | `oklch(82.09% 0.0959 190.21)` | Aqua Zing | black, 12.5 to 1 |
| 3 | `#6fc3e6` | `oklch(77.63% 0.0959 227.93)` | Bff Blue | black, 10.5 to 1 |
| 4 | `#8da0e8` | `oklch(72.05% 0.1075 271.97)` | Cold Lips | black, 8.3 to 1 |
| 5 | `#b489df` | `oklch(70.31% 0.1294 306.21)` | Luminous Lavender | black, 7.5 to 1 |
| 6 | `#d384c5` | `oklch(71.64% 0.1289 333.57)` | Pink Punk | black, 7.8 to 1 |
| 7 | `#e290b4` | `oklch(74.80% 0.1075 352.28)` | Rosebloom | black, 8.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #85e1bb 0.0%, #73d9d2 16.7%, #6fc3e6 33.3%, #8da0e8 50.0%, #b489df 66.7%, #d384c5 83.3%, #e290b4 100.0%);
background: linear-gradient(90deg in oklch, oklch(84.25% 0.1047 165.23) 0.0%, oklch(82.09% 0.0959 190.21) 16.7%, oklch(77.63% 0.0959 227.93) 33.3%, oklch(72.05% 0.1075 271.97) 50.0%, oklch(70.31% 0.1294 306.21) 66.7%, oklch(71.64% 0.1289 333.57) 83.3%, oklch(74.80% 0.1075 352.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.105 | 165.2 |
| 2 | 0.803 | 0.094 | 207.5 |
| 3 | 0.72 | 0.107 | 272 |
| 4 | 0.705 | 0.135 | 320.6 |
| 5 | 0.748 | 0.107 | 352.3 |

## In these collections

- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)
- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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