# Cream magenta violet glow

Beige, pink, purple and blue linear gradient with 13 colors: #d3ddac, #e6cdac, #e4bfbd, #e0adc2, #de91ca, #d476d4, #c759d9, #ba37d9, #a91cda, #9507d7, #7f00d2, #6500cc, #5206c4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, pink, purple and blue linear gradient
- Seed: `kY3zBTaJEy9q5O3LWr6v96-bXWvc`
- Page: https://grabient.com/kY3zBTaJEy9q5O3LWr6v96-bXWvc?steps=13
- Drawn as: linear gradient, 13 steps, 90 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#d3ddac` | `oklch(87.80% 0.0661 116.72)` | Willow Wind | black, 14.7 to 1 |
| 2 | `#e6cdac` | `oklch(86.17% 0.0529 75.08)` | Consommé | black, 13.7 to 1 |
| 3 | `#e4bfbd` | `oklch(83.58% 0.0428 22.25)` | Miniature Posey | black, 12.4 to 1 |
| 4 | `#e0adc2` | `oklch(79.94% 0.0657 351.61)` | Roseate Spoonbill | black, 10.8 to 1 |
| 5 | `#de91ca` | `oklch(75.23% 0.1169 336.76)` | Firm Pink | black, 9 to 1 |
| 6 | `#d476d4` | `oklch(70.27% 0.1657 326.94)` | Jewel Caterpillar | black, 7.3 to 1 |
| 7 | `#c759d9` | `oklch(65.03% 0.2094 321.90)` | Thick Pink | black, 5.8 to 1 |
| 8 | `#ba37d9` | `oklch(59.97% 0.2446 319.07)` | Eupatorium Purple | black, 4.6 to 1 |
| 9 | `#a91cda` | `oklch(55.76% 0.2603 314.33)` | Vibrant Purple | white, 5.4 to 1 |
| 10 | `#9507d7` | `oklch(52.11% 0.2619 309.12)` | Vibrant Violet | white, 6.3 to 1 |
| 11 | `#7f00d2` | `oklch(48.54% 0.2554 302.62)` | French Violet | white, 7.4 to 1 |
| 12 | `#6500cc` | `oklch(44.80% 0.2474 294.03)` | Trusted Purple | white, 8.6 to 1 |
| 13 | `#5206c4` | `oklch(42.13% 0.2384 287.56)` | Violet Blue | white, 9.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d3ddac 0.0%, #e6cdac 8.3%, #e4bfbd 16.7%, #e0adc2 25.0%, #de91ca 33.3%, #d476d4 41.7%, #c759d9 50.0%, #ba37d9 58.3%, #a91cda 66.7%, #9507d7 75.0%, #7f00d2 83.3%, #6500cc 91.7%, #5206c4 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.80% 0.0661 116.72) 0.0%, oklch(86.17% 0.0529 75.08) 8.3%, oklch(83.58% 0.0428 22.25) 16.7%, oklch(79.94% 0.0657 351.61) 25.0%, oklch(75.23% 0.1169 336.76) 33.3%, oklch(70.27% 0.1657 326.94) 41.7%, oklch(65.03% 0.2094 321.90) 50.0%, oklch(59.97% 0.2446 319.07) 58.3%, oklch(55.76% 0.2603 314.33) 66.7%, oklch(52.11% 0.2619 309.12) 75.0%, oklch(48.54% 0.2554 302.62) 83.3%, oklch(44.80% 0.2474 294.03) 91.7%, oklch(42.13% 0.2384 287.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.066 | 116.7 |
| 2 | 0.823 | 0.047 | 6.8 |
| 3 | 0.713 | 0.157 | -31.2 |
| 4 | 0.591 | 0.249 | -41.8 |
| 5 | 0.5 | 0.26 | -54.5 |
| 6 | 0.421 | 0.238 | -72.4 |

## In these collections

- [Purple gradients](https://grabient.com/purple-gradients)
- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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