# Analogous light pink to purple linear gradient

Analogous light pink to purple linear gradient with 32 colors: #f5dce8, #f3d9e6, #f2d5e4, #f0d1e3, #edcce1, #ebc7df, #e7c2de, #e4bcdc, #dfb7db, #dbb1da, #d6abd9, #d0a6d8, #cba0d6, #c59bd5, #bf96d3, #b991d2, #b38ccf, #ad87cc, #a781c9, #a07cc5, #9976c0, #9270bc, #8c6ab7, #8565b2, #7f5fad, #785aa9, #7355a4, #6d50a0, #684b9c, #644898, #604495, #5d4193. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS6Rf3WiW7rkvPi`
- Page: https://grabient.com/kS6Rf3WiW7rkvPi?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.1 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 | `#f5dce8` | `oklch(91.73% 0.0317 347.34)` | Ranunculus White | black, 16.2 to 1 |
| 2 | `#f3d9e6` | `oklch(90.99% 0.0344 346.00)` | Nursery Pink | black, 15.8 to 1 |
| 3 | `#f2d5e4` | `oklch(90.10% 0.0378 344.31)` | Hopeful | black, 15.3 to 1 |
| 4 | `#f0d1e3` | `oklch(89.08% 0.0417 342.33)` | Lacquer Mauve | black, 14.8 to 1 |
| 5 | `#edcce1` | `oklch(87.96% 0.0462 340.10)` | LA Vibes | black, 14.3 to 1 |
| 6 | `#ebc7df` | `oklch(86.73% 0.0511 337.67)` | Pink Pony | black, 13.7 to 1 |
| 7 | `#e7c2de` | `oklch(85.41% 0.0563 335.08)` | Sweet Alyssum | black, 13.1 to 1 |
| 8 | `#e4bcdc` | `oklch(84.01% 0.0617 332.38)` | Blackberry Yoghurt | black, 12.5 to 1 |
| 9 | `#dfb7db` | `oklch(82.55% 0.0673 329.61)` | French Lilac | black, 11.9 to 1 |
| 10 | `#dbb1da` | `oklch(81.04% 0.0729 326.82)` | Blushing Sky | black, 11.3 to 1 |
| 11 | `#d6abd9` | `oklch(79.50% 0.0784 324.06)` | Whisper of Plum | black, 10.7 to 1 |
| 12 | `#d0a6d8` | `oklch(77.92% 0.0837 321.37)` | Favourite Lavender | black, 10.1 to 1 |
| 13 | `#cba0d6` | `oklch(76.34% 0.0888 318.81)` | Autumn Wisteria | black, 9.5 to 1 |
| 14 | `#c59bd5` | `oklch(74.75% 0.0936 316.40)` | Mauve Mist | black, 9 to 1 |
| 15 | `#bf96d3` | `oklch(73.18% 0.0979 314.21)` | Amethyst Show | black, 8.5 to 1 |
| 16 | `#b991d2` | `oklch(71.63% 0.1017 312.27)` | Pale Purple | black, 8 to 1 |
| 17 | `#b38ccf` | `oklch(70.09% 0.1049 310.61)` | Pale Purple | black, 7.5 to 1 |
| 18 | `#ad87cc` | `oklch(68.44% 0.1078 309.09)` | Middy’s Purple | black, 7.1 to 1 |
| 19 | `#a781c9` | `oklch(66.68% 0.1104 307.67)` | Wisteria | black, 6.6 to 1 |
| 20 | `#a07cc5` | `oklch(64.83% 0.1129 306.35)` | Wisteria | black, 6.1 to 1 |
| 21 | `#9976c0` | `oklch(62.92% 0.1151 305.13)` | Lilac Bush | black, 5.7 to 1 |
| 22 | `#9270bc` | `oklch(60.97% 0.1171 304.00)` | Viola | black, 5.2 to 1 |
| 23 | `#8c6ab7` | `oklch(59.00% 0.1189 302.96)` | Lavish Spending | black, 4.8 to 1 |
| 24 | `#8565b2` | `oklch(57.05% 0.1205 302.00)` | Lavish Spending | white, 4.6 to 1 |
| 25 | `#7f5fad` | `oklch(55.14% 0.1220 301.11)` | Genestealer Purple | white, 5 to 1 |
| 26 | `#785aa9` | `oklch(53.29% 0.1234 300.30)` | Simply Purple | white, 5.4 to 1 |
| 27 | `#7355a4` | `oklch(51.52% 0.1246 299.55)` | Sumire Violet | white, 5.9 to 1 |
| 28 | `#6d50a0` | `oklch(49.87% 0.1258 298.86)` | Ultrapurple Merge | white, 6.3 to 1 |
| 29 | `#684b9c` | `oklch(48.35% 0.1268 298.23)` | Ultrapurple Merge | white, 6.7 to 1 |
| 30 | `#644898` | `oklch(47.00% 0.1278 297.65)` | Sweet Flag | white, 7.2 to 1 |
| 31 | `#604495` | `oklch(45.83% 0.1287 297.12)` | Sweet Flag | white, 7.5 to 1 |
| 32 | `#5d4193` | `oklch(44.88% 0.1295 296.62)` | Daisy Bush | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f5dce8 0.0%, #f3d9e6 3.2%, #f2d5e4 6.5%, #f0d1e3 9.7%, #edcce1 12.9%, #ebc7df 16.1%, #e7c2de 19.4%, #e4bcdc 22.6%, #dfb7db 25.8%, #dbb1da 29.0%, #d6abd9 32.3%, #d0a6d8 35.5%, #cba0d6 38.7%, #c59bd5 41.9%, #bf96d3 45.2%, #b991d2 48.4%, #b38ccf 51.6%, #ad87cc 54.8%, #a781c9 58.1%, #a07cc5 61.3%, #9976c0 64.5%, #9270bc 67.7%, #8c6ab7 71.0%, #8565b2 74.2%, #7f5fad 77.4%, #785aa9 80.6%, #7355a4 83.9%, #6d50a0 87.1%, #684b9c 90.3%, #644898 93.5%, #604495 96.8%, #5d4193 100.0%);
background: linear-gradient(45deg in oklch, oklch(91.73% 0.0317 347.34) 0.0%, oklch(90.99% 0.0344 346.00) 3.2%, oklch(90.10% 0.0378 344.31) 6.5%, oklch(89.08% 0.0417 342.33) 9.7%, oklch(87.96% 0.0462 340.10) 12.9%, oklch(86.73% 0.0511 337.67) 16.1%, oklch(85.41% 0.0563 335.08) 19.4%, oklch(84.01% 0.0617 332.38) 22.6%, oklch(82.55% 0.0673 329.61) 25.8%, oklch(81.04% 0.0729 326.82) 29.0%, oklch(79.50% 0.0784 324.06) 32.3%, oklch(77.92% 0.0837 321.37) 35.5%, oklch(76.34% 0.0888 318.81) 38.7%, oklch(74.75% 0.0936 316.40) 41.9%, oklch(73.18% 0.0979 314.21) 45.2%, oklch(71.63% 0.1017 312.27) 48.4%, oklch(70.09% 0.1049 310.61) 51.6%, oklch(68.44% 0.1078 309.09) 54.8%, oklch(66.68% 0.1104 307.67) 58.1%, oklch(64.83% 0.1129 306.35) 61.3%, oklch(62.92% 0.1151 305.13) 64.5%, oklch(60.97% 0.1171 304.00) 67.7%, oklch(59.00% 0.1189 302.96) 71.0%, oklch(57.05% 0.1205 302.00) 74.2%, oklch(55.14% 0.1220 301.11) 77.4%, oklch(53.29% 0.1234 300.30) 80.6%, oklch(51.52% 0.1246 299.55) 83.9%, oklch(49.87% 0.1258 298.86) 87.1%, oklch(48.35% 0.1268 298.23) 90.3%, oklch(47.00% 0.1278 297.65) 93.5%, oklch(45.83% 0.1287 297.12) 96.8%, oklch(44.88% 0.1295 296.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.032 | 347.3 |
| 2 | 0.709 | 0.103 | 311.4 |
| 3 | 0.449 | 0.13 | 296.6 |

## In these collections

- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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