# Pink, lavender and light blue linear gradient

Pink, lavender and light blue linear gradient with 32 colors: #f286fe, #f188fe, #ee8cfd, #ec8ffc, #e994fb, #e798fa, #e49cf9, #e29ff9, #e0a3f8, #dea7f7, #dcabf7, #daaff6, #d7b3f6, #d4b7f6, #d2bbf5, #d0bff4, #cdc3f2, #cbc6f1, #c9caf1, #c7cef1, #c4d2f1, #c1d5f1, #bed9f0, #bcddef, #bae1ee, #b9e4ed, #b7e7ec, #b4ebec, #b1efeb, #aef2ea, #abf5e8, #aaf7e7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxo_mZTW_WijPrskry8RC4HUcu-`
- Page: https://grabient.com/kYxo_mZTW_WijPrskry8RC4HUcu-?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.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 | `#f286fe` | `oklch(77.95% 0.1970 323.44)` | Give Me Your Love | black, 9.6 to 1 |
| 2 | `#f188fe` | `oklch(78.10% 0.1919 322.94)` | Give Me Your Love | black, 9.6 to 1 |
| 3 | `#ee8cfd` | `oklch(78.30% 0.1848 322.31)` | Give Me Your Love | black, 9.8 to 1 |
| 4 | `#ec8ffc` | `oklch(78.54% 0.1763 321.54)` | Give Me Your Love | black, 9.9 to 1 |
| 5 | `#e994fb` | `oklch(78.82% 0.1672 320.63)` | Party Pig | black, 10 to 1 |
| 6 | `#e798fa` | `oklch(79.12% 0.1579 319.59)` | Party Pig | black, 10.2 to 1 |
| 7 | `#e49cf9` | `oklch(79.46% 0.1491 318.41)` | Medium Lavender Magenta | black, 10.3 to 1 |
| 8 | `#e29ff9` | `oklch(79.82% 0.1409 317.17)` | Medium Lavender Magenta | black, 10.5 to 1 |
| 9 | `#e0a3f8` | `oklch(80.23% 0.1326 315.98)` | Medium Lavender Magenta | black, 10.7 to 1 |
| 10 | `#dea7f7` | `oklch(80.67% 0.1242 314.69)` | Testosterose | black, 10.9 to 1 |
| 11 | `#dcabf7` | `oklch(81.13% 0.1159 313.15)` | Petal Plush | black, 11.2 to 1 |
| 12 | `#daaff6` | `oklch(81.61% 0.1076 311.22)` | Light Violet | black, 11.4 to 1 |
| 13 | `#d7b3f6` | `oklch(82.09% 0.0996 308.76)` | Light Violet | black, 11.6 to 1 |
| 14 | `#d4b7f6` | `oklch(82.57% 0.0917 305.76)` | Pink Illusion | black, 11.9 to 1 |
| 15 | `#d2bbf5` | `oklch(83.06% 0.0833 302.66)` | Pink Illusion | black, 12.1 to 1 |
| 16 | `#d0bff4` | `oklch(83.56% 0.0750 299.26)` | Connecticut Lilac | black, 12.4 to 1 |
| 17 | `#cdc3f2` | `oklch(84.06% 0.0669 295.26)` | Soap | black, 12.6 to 1 |
| 18 | `#cbc6f1` | `oklch(84.58% 0.0597 290.40)` | Soap | black, 12.9 to 1 |
| 19 | `#c9caf1` | `oklch(85.11% 0.0538 284.38)` | Soap | black, 13.2 to 1 |
| 20 | `#c7cef1` | `oklch(85.65% 0.0494 276.86)` | Miami White | black, 13.4 to 1 |
| 21 | `#c4d2f1` | `oklch(86.21% 0.0463 267.08)` | Frozen Periwinkle | black, 13.7 to 1 |
| 22 | `#c1d5f1` | `oklch(86.79% 0.0442 255.68)` | Mr. Glass | black, 14.1 to 1 |
| 23 | `#bed9f0` | `oklch(87.38% 0.0431 243.56)` | Delicate Blue Mist | black, 14.4 to 1 |
| 24 | `#bcddef` | `oklch(87.96% 0.0431 231.64)` | Ice Rink | black, 14.7 to 1 |
| 25 | `#bae1ee` | `oklch(88.54% 0.0440 220.81)` | Diminished Blue | black, 15 to 1 |
| 26 | `#b9e4ed` | `oklch(89.09% 0.0460 211.93)` | Early Forget-Me-Not | black, 15.3 to 1 |
| 27 | `#b7e7ec` | `oklch(89.66% 0.0499 204.42)` | Soaring Sky | black, 15.6 to 1 |
| 28 | `#b4ebec` | `oklch(90.25% 0.0557 197.74)` | Spearmint Water | black, 16 to 1 |
| 29 | `#b1efeb` | `oklch(90.83% 0.0623 191.92)` | Mint Macaron | black, 16.3 to 1 |
| 30 | `#aef2ea` | `oklch(91.36% 0.0690 186.97)` | Pale King’s Blue | black, 16.6 to 1 |
| 31 | `#abf5e8` | `oklch(91.80% 0.0747 182.90)` | Pale King’s Blue | black, 16.9 to 1 |
| 32 | `#aaf7e7` | `oklch(92.13% 0.0785 179.72)` | Pale King’s Blue | black, 17.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f286fe 0.0%, #f188fe 3.2%, #ee8cfd 6.5%, #ec8ffc 9.7%, #e994fb 12.9%, #e798fa 16.1%, #e49cf9 19.4%, #e29ff9 22.6%, #e0a3f8 25.8%, #dea7f7 29.0%, #dcabf7 32.3%, #daaff6 35.5%, #d7b3f6 38.7%, #d4b7f6 41.9%, #d2bbf5 45.2%, #d0bff4 48.4%, #cdc3f2 51.6%, #cbc6f1 54.8%, #c9caf1 58.1%, #c7cef1 61.3%, #c4d2f1 64.5%, #c1d5f1 67.7%, #bed9f0 71.0%, #bcddef 74.2%, #bae1ee 77.4%, #b9e4ed 80.6%, #b7e7ec 83.9%, #b4ebec 87.1%, #b1efeb 90.3%, #aef2ea 93.5%, #abf5e8 96.8%, #aaf7e7 100.0%);
background: linear-gradient(45deg in oklch, oklch(77.95% 0.1970 323.44) 0.0%, oklch(78.10% 0.1919 322.94) 3.2%, oklch(78.30% 0.1848 322.31) 6.5%, oklch(78.54% 0.1763 321.54) 9.7%, oklch(78.82% 0.1672 320.63) 12.9%, oklch(79.12% 0.1579 319.59) 16.1%, oklch(79.46% 0.1491 318.41) 19.4%, oklch(79.82% 0.1409 317.17) 22.6%, oklch(80.23% 0.1326 315.98) 25.8%, oklch(80.67% 0.1242 314.69) 29.0%, oklch(81.13% 0.1159 313.15) 32.3%, oklch(81.61% 0.1076 311.22) 35.5%, oklch(82.09% 0.0996 308.76) 38.7%, oklch(82.57% 0.0917 305.76) 41.9%, oklch(83.06% 0.0833 302.66) 45.2%, oklch(83.56% 0.0750 299.26) 48.4%, oklch(84.06% 0.0669 295.26) 51.6%, oklch(84.58% 0.0597 290.40) 54.8%, oklch(85.11% 0.0538 284.38) 58.1%, oklch(85.65% 0.0494 276.86) 61.3%, oklch(86.21% 0.0463 267.08) 64.5%, oklch(86.79% 0.0442 255.68) 67.7%, oklch(87.38% 0.0431 243.56) 71.0%, oklch(87.96% 0.0431 231.64) 74.2%, oklch(88.54% 0.0440 220.81) 77.4%, oklch(89.09% 0.0460 211.93) 80.6%, oklch(89.66% 0.0499 204.42) 83.9%, oklch(90.25% 0.0557 197.74) 87.1%, oklch(90.83% 0.0623 191.92) 90.3%, oklch(91.36% 0.0690 186.97) 93.5%, oklch(91.80% 0.0747 182.90) 96.8%, oklch(92.13% 0.0785 179.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.197 | 323.4 |
| 2 | 0.795 | 0.147 | 318.2 |
| 3 | 0.823 | 0.096 | 307.6 |
| 4 | 0.854 | 0.051 | 280.1 |
| 5 | 0.89 | 0.045 | 213.5 |
| 6 | 0.921 | 0.079 | 179.7 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Ice gradients](https://grabient.com/ice-gradients)

## Other forms

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