# Pink lavender sky horizon

Pastel duotone pink to blue linear gradient with 6 colors: #ff72c3, #e292d6, #b4aaf2, #80bbfd, #4bc5ff, #2fc4fe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel duotone pink to blue linear gradient
- Seed: `kWvYz3Yaq9WKlORjMLxYjQ_I`
- Page: https://grabient.com/kWvYz3Yaq9WKlORjMLxYjQ_I?steps=6&angle=180
- Drawn as: linear gradient, 6 steps, 180 degrees
- Kinds: even lightness, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#ff72c3` | `oklch(74.41% 0.1920 347.34)` | Nervous Neon Pink | black, 8.4 to 1 |
| 2 | `#e292d6` | `oklch(76.36% 0.1296 332.24)` | Love Dust | black, 9.3 to 1 |
| 3 | `#b4aaf2` | `oklch(77.35% 0.1017 290.03)` | Winterspring Lilac | black, 10 to 1 |
| 4 | `#80bbfd` | `oklch(77.80% 0.1123 251.63)` | Cooler Than Ever | black, 10.4 to 1 |
| 5 | `#4bc5ff` | `oklch(77.86% 0.1347 233.45)` | Shovel Knight | black, 10.6 to 1 |
| 6 | `#2fc4fe` | `oklch(77.17% 0.1433 230.04)` | Shovel Knight | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ff72c3 0.0%, #e292d6 20.0%, #b4aaf2 40.0%, #80bbfd 60.0%, #4bc5ff 80.0%, #2fc4fe 100.0%);
background: linear-gradient(180deg in oklch, oklch(74.41% 0.1920 347.34) 0.0%, oklch(76.36% 0.1296 332.24) 20.0%, oklch(77.35% 0.1017 290.03) 40.0%, oklch(77.80% 0.1123 251.63) 60.0%, oklch(77.86% 0.1347 233.45) 80.0%, oklch(77.17% 0.1433 230.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.193 | 347.3 |
| 2 | 0.768 | 0.117 | 325.2 |
| 3 | 0.776 | 0.102 | 267 |
| 4 | 0.78 | 0.134 | 236.4 |
| 5 | 0.772 | 0.143 | 230 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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