# Pale Pink Rose Passage

These 4 diagonal bands move through pale pink, bright cyan blue, blue, and rose. The separated colors give backgrounds, type, borders, and accents distinct assignments. Use it for digital fashion graphics, music artwork, event posters, or bold interface backgrounds with a glossy electronic mood.

- Also called: White, light blue and pink linear swatches
- Seed: `kU-AvxYDezMPjRhR3Ung`
- Page: https://grabient.com/kU-AvxYDezMPjRhR3Ung?style=linearSwatches&steps=4&angle=210
- Drawn as: linear swatches, 4 steps, 210 degrees
- Kinds: dark center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.5 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 | `#fff3fb` | `oklch(97.64% 0.0152 338.91)` | Pinkish White | black, 19.5 to 1 |
| 2 | `#00bffe` | `oklch(75.59% 0.1526 231.12)` | Tractor Beam | black, 9.9 to 1 |
| 3 | `#6535ff` | `oklch(53.15% 0.2707 282.90)` | Pink OCD | white, 5.9 to 1 |
| 4 | `#ff0370` | `oklch(64.17% 0.2562 7.44)` | Retro Pink Pop | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(210deg, #fff3fb 0.000% 25.000%, #00bffe 25.000% 50.000%, #6535ff 50.000% 75.000%, #ff0370 75.000% 100.000%);
background: linear-gradient(210deg, oklch(97.64% 0.0152 338.91) 0.000% 25.000%, oklch(75.59% 0.1526 231.12) 25.000% 50.000%, oklch(53.15% 0.2707 282.90) 50.000% 75.000%, oklch(64.17% 0.2562 7.44) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.015 | 338.9 |
| 2 | 0.756 | 0.153 | 231.1 |
| 3 | 0.531 | 0.273 | 282.9 |
| 4 | 0.642 | 0.256 | 367.4 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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