# Pink, light blue and teal linear gradient

Pink, light blue and teal linear gradient with 32 colors: #ff52fd, #fe55fe, #fb5dfc, #f767fb, #f370fa, #ef78f9, #ea81f8, #e589f7, #e092f6, #da9bf5, #d4a3f2, #d0acee, #cbb4ea, #c6bde9, #c0c5eb, #b8ceec, #b2d7eb, #afdfe6, #afe6e2, #acede1, #a5f4e0, #9dfbdf, #9affdd, #9effdb, #98ffd8, #8cffd6, #85fed4, #81fed3, #7bfed1, #76ffcf, #75ffce, #75ffcd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcu8vp39A_mM0Ptolb0cBO0nYovP0Lj_c7W_o`
- Page: https://grabient.com/kcu8vp39A_mM0Ptolb0cBO0nYovP0Lj_c7W_o?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: vivid, light, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#ff52fd` | `oklch(73.62% 0.2743 328.36)` | Ultimate Pink | black, 7.8 to 1 |
| 2 | `#fe55fe` | `oklch(73.85% 0.2707 327.98)` | Ultimate Pink | black, 7.9 to 1 |
| 3 | `#fb5dfc` | `oklch(74.16% 0.2580 327.50)` | Violet Pink | black, 8.1 to 1 |
| 4 | `#f767fb` | `oklch(74.55% 0.2430 326.79)` | Magenta Stream | black, 8.2 to 1 |
| 5 | `#f370fa` | `oklch(74.99% 0.2272 325.76)` | Ultra Pink | black, 8.5 to 1 |
| 6 | `#ef78f9` | `oklch(75.48% 0.2114 324.38)` | Frijid Pink | black, 8.7 to 1 |
| 7 | `#ea81f8` | `oklch(76.02% 0.1947 322.88)` | Pinkling | black, 8.9 to 1 |
| 8 | `#e589f7` | `oklch(76.63% 0.1771 321.04)` | Pinkling | black, 9.2 to 1 |
| 9 | `#e092f6` | `oklch(77.30% 0.1589 318.55)` | Bright Lilac | black, 9.5 to 1 |
| 10 | `#da9bf5` | `oklch(78.07% 0.1407 315.15)` | Plasma Trail | black, 9.9 to 1 |
| 11 | `#d4a3f2` | `oklch(78.92% 0.1202 312.23)` | Bright Ube | black, 10.3 to 1 |
| 12 | `#d0acee` | `oklch(79.85% 0.0983 309.21)` | Teasel Dipsacus | black, 10.8 to 1 |
| 13 | `#cbb4ea` | `oklch(80.86% 0.0781 304.13)` | Purple Sand | black, 11.3 to 1 |
| 14 | `#c6bde9` | `oklch(81.96% 0.0625 295.00)` | Violet Gems | black, 11.8 to 1 |
| 15 | `#c0c5eb` | `oklch(83.16% 0.0532 279.17)` | Canterbury Bells | black, 12.4 to 1 |
| 16 | `#b8ceec` | `oklch(84.51% 0.0485 256.12)` | Frost Fairy | black, 13 to 1 |
| 17 | `#b2d7eb` | `oklch(85.92% 0.0477 230.59)` | Ariel | black, 13.8 to 1 |
| 18 | `#afdfe6` | `oklch(87.29% 0.0502 207.49)` | Powder Blue | black, 14.5 to 1 |
| 19 | `#afe6e2` | `oklch(88.54% 0.0558 191.53)` | Cool Crayon | black, 15.2 to 1 |
| 20 | `#acede1` | `oklch(89.84% 0.0672 181.94)` | Mint Tea | black, 15.9 to 1 |
| 21 | `#a5f4e0` | `oklch(91.10% 0.0825 176.27)` | Mint Tea | black, 16.6 to 1 |
| 22 | `#9dfbdf` | `oklch(92.17% 0.0981 172.92)` | Icery | black, 17.3 to 1 |
| 23 | `#9affdd` | `oklch(92.85% 0.1070 170.27)` | Freezy Wind | black, 17.7 to 1 |
| 24 | `#9effdb` | `oklch(92.98% 0.1055 168.13)` | Freezy Wind | black, 17.7 to 1 |
| 25 | `#98ffd8` | `oklch(92.64% 0.1115 167.74)` | Freezy Wind | black, 17.6 to 1 |
| 26 | `#8cffd6` | `oklch(92.06% 0.1210 168.26)` | Roller Derby | black, 17.3 to 1 |
| 27 | `#85fed4` | `oklch(91.53% 0.1249 168.80)` | Hiroshima Aquamarine | black, 17.1 to 1 |
| 28 | `#81fed3` | `oklch(91.25% 0.1286 168.62)` | Hiroshima Aquamarine | black, 17 to 1 |
| 29 | `#7bfed1` | `oklch(91.11% 0.1338 168.11)` | Hiroshima Aquamarine | black, 16.9 to 1 |
| 30 | `#76ffcf` | `oklch(91.03% 0.1392 167.55)` | Calamine Blue | black, 16.9 to 1 |
| 31 | `#75ffce` | `oklch(90.98% 0.1405 167.04)` | Calamine Blue | black, 16.9 to 1 |
| 32 | `#75ffcd` | `oklch(90.94% 0.1414 166.68)` | Calamine Blue | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #ff52fd 0.0%, #fe55fe 3.2%, #fb5dfc 6.5%, #f767fb 9.7%, #f370fa 12.9%, #ef78f9 16.1%, #ea81f8 19.4%, #e589f7 22.6%, #e092f6 25.8%, #da9bf5 29.0%, #d4a3f2 32.3%, #d0acee 35.5%, #cbb4ea 38.7%, #c6bde9 41.9%, #c0c5eb 45.2%, #b8ceec 48.4%, #b2d7eb 51.6%, #afdfe6 54.8%, #afe6e2 58.1%, #acede1 61.3%, #a5f4e0 64.5%, #9dfbdf 67.7%, #9affdd 71.0%, #9effdb 74.2%, #98ffd8 77.4%, #8cffd6 80.6%, #85fed4 83.9%, #81fed3 87.1%, #7bfed1 90.3%, #76ffcf 93.5%, #75ffce 96.8%, #75ffcd 100.0%);
background: linear-gradient(0deg in oklch, oklch(73.62% 0.2743 328.36) 0.0%, oklch(73.85% 0.2707 327.98) 3.2%, oklch(74.16% 0.2580 327.50) 6.5%, oklch(74.55% 0.2430 326.79) 9.7%, oklch(74.99% 0.2272 325.76) 12.9%, oklch(75.48% 0.2114 324.38) 16.1%, oklch(76.02% 0.1947 322.88) 19.4%, oklch(76.63% 0.1771 321.04) 22.6%, oklch(77.30% 0.1589 318.55) 25.8%, oklch(78.07% 0.1407 315.15) 29.0%, oklch(78.92% 0.1202 312.23) 32.3%, oklch(79.85% 0.0983 309.21) 35.5%, oklch(80.86% 0.0781 304.13) 38.7%, oklch(81.96% 0.0625 295.00) 41.9%, oklch(83.16% 0.0532 279.17) 45.2%, oklch(84.51% 0.0485 256.12) 48.4%, oklch(85.92% 0.0477 230.59) 51.6%, oklch(87.29% 0.0502 207.49) 54.8%, oklch(88.54% 0.0558 191.53) 58.1%, oklch(89.84% 0.0672 181.94) 61.3%, oklch(91.10% 0.0825 176.27) 64.5%, oklch(92.17% 0.0981 172.92) 67.7%, oklch(92.85% 0.1070 170.27) 71.0%, oklch(92.98% 0.1055 168.13) 74.2%, oklch(92.64% 0.1115 167.74) 77.4%, oklch(92.06% 0.1210 168.26) 80.6%, oklch(91.53% 0.1249 168.80) 83.9%, oklch(91.25% 0.1286 168.62) 87.1%, oklch(91.11% 0.1338 168.11) 90.3%, oklch(91.03% 0.1392 167.55) 93.5%, oklch(90.98% 0.1405 167.04) 96.8%, oklch(90.94% 0.1414 166.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.28 | 328.4 |
| 2 | 0.752 | 0.22 | 325.2 |
| 3 | 0.78 | 0.143 | 315.7 |
| 4 | 0.823 | 0.059 | 291.4 |
| 5 | 0.882 | 0.054 | 195.2 |
| 6 | 0.929 | 0.112 | 169.8 |
| 7 | 0.913 | 0.127 | 168.8 |
| 8 | 0.909 | 0.147 | 166.7 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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