# White magenta diagonal glow

White, light pink and pink linear gradient with 8 colors: #bffff0, #ffffff, #ffffff, #ffffff, #ffffff, #fb37ff, #fd1cf3, #f90088. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, light pink and pink linear gradient
- Seed: `kc8jB__wBQ38AwR_AD__wA_VruQBY78BUV9DQ`
- Page: https://grabient.com/kc8jB__wBQ38AwR_AD__wA_VruQBY78BUV9DQ?steps=8&angle=135
- Drawn as: linear gradient, 8 steps, 135 degrees
- Kinds: light center, muted, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#bffff0` | `oklch(95.28% 0.0661 179.30)` | Arabica Mint | black, 18.7 to 1 |
| 2 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 3 | `#ffffff` | `oklch(100.00% 0.0000 325.77)` | White | black, 20.9 to 1 |
| 4 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 5 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 6 | `#fb37ff` | `oklch(71.26% 0.2985 327.24)` | Pink Overflow | black, 7 to 1 |
| 7 | `#fd1cf3` | `oklch(69.69% 0.3073 330.41)` | Barbara | black, 6.6 to 1 |
| 8 | `#f90088` | `oklch(63.79% 0.2592 358.95)` | Philippine Pink | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bffff0 0.0%, #ffffff 14.3%, #ffffff 28.6%, #ffffff 42.9%, #ffffff 57.1%, #fb37ff 71.4%, #fd1cf3 85.7%, #f90088 100.0%);
background: linear-gradient(135deg in oklch, oklch(95.28% 0.0661 179.30) 0.0%, oklch(100.00% 0.0000 89.88) 14.3%, oklch(100.00% 0.0000 325.77) 28.6%, oklch(100.00% 0.0000 89.88) 42.9%, oklch(100.00% 0.0000 89.88) 57.1%, oklch(71.26% 0.2985 327.24) 71.4%, oklch(69.69% 0.3073 330.41) 85.7%, oklch(63.79% 0.2592 358.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.066 | 179.3 |
| 2 | 1 | 0 | 322 |
| 3 | 1 | 0.001 | 331.5 |
| 4 | 1 | 0 | 331.5 |
| 5 | 1 | 0 | 326.2 |
| 6 | 0.713 | 0.303 | 327.2 |
| 7 | 0.697 | 0.307 | 330.4 |
| 8 | 0.638 | 0.262 | 358.9 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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