# Vivid cyan, light blue, purple and pink linear gradient

Vivid cyan, light blue, purple and pink linear gradient with 32 colors: #67ebff, #61efff, #51f7ff, #49fffc, #7afff4, #7dfff2, #3dfff8, #36eefd, #4cd1fc, #6aadec, #7c89cd, #816ca7, #7e5788, #7c4a75, #7d3f6b, #813666, #872e65, #8f2667, #97216a, #9f1f6a, #a9256d, #b33074, #bf3d7c, #ca4a84, #d4578c, #dd6191, #e46b94, #eb7597, #f07f99, #f4899c, #f7919e, #fa96a0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3mqU8rS-D-gT48P0LUztA-Mrwc`
- Page: https://grabient.com/kY3mqU8rS-D-gT48P0LUztA-Mrwc?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.6 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 | `#67ebff` | `oklch(87.40% 0.1181 208.82)` | Robin’s Egg | black, 14.9 to 1 |
| 2 | `#61efff` | `oklch(88.16% 0.1225 205.55)` | Bioluminescence | black, 15.3 to 1 |
| 3 | `#51f7ff` | `oklch(89.60% 0.1337 199.67)` | Frozen Turquoise | black, 16.1 to 1 |
| 4 | `#49fffc` | `oklch(91.15% 0.1414 193.25)` | Electric Sheep | black, 16.9 to 1 |
| 5 | `#7afff4` | `oklch(92.23% 0.1185 188.33)` | Defence Matrix | black, 17.4 to 1 |
| 6 | `#7dfff2` | `oklch(92.28% 0.1171 186.98)` | Defence Matrix | black, 17.4 to 1 |
| 7 | `#3dfff8` | `oklch(90.72% 0.1456 191.26)` | Beaming Blue | black, 16.8 to 1 |
| 8 | `#36eefd` | `oklch(86.80% 0.1391 203.56)` | Sparky Blue | black, 14.7 to 1 |
| 9 | `#4cd1fc` | `oklch(80.52% 0.1281 223.73)` | Libra Blue Morpho | black, 11.8 to 1 |
| 10 | `#6aadec` | `oklch(72.84% 0.1150 248.61)` | Blue Jeans | black, 8.7 to 1 |
| 11 | `#7c89cd` | `oklch(64.80% 0.1023 274.98)` | True Lavender | black, 6.3 to 1 |
| 12 | `#816ca7` | `oklch(57.38% 0.0924 299.62)` | Plum Preserve | black, 4.6 to 1 |
| 13 | `#7e5788` | `oklch(51.62% 0.0879 319.30)` | Purple Mystery | white, 5.8 to 1 |
| 14 | `#7c4a75` | `oklch(48.17% 0.0913 331.74)` | Magic Magenta | white, 6.8 to 1 |
| 15 | `#7d3f6b` | `oklch(46.12% 0.1025 339.39)` | Deep Commitment to Purple | white, 7.5 to 1 |
| 16 | `#813666` | `oklch(45.13% 0.1189 343.69)` | Boysenberry | white, 7.9 to 1 |
| 17 | `#872e65` | `oklch(45.02% 0.1374 345.81)` | Boysenberry | white, 8 to 1 |
| 18 | `#8f2667` | `oklch(45.55% 0.1549 346.89)` | Beetiful Magenta | white, 7.9 to 1 |
| 19 | `#97216a` | `oklch(46.53% 0.1686 348.11)` | Celestial Dragon | white, 7.6 to 1 |
| 20 | `#9f1f6a` | `oklch(47.83% 0.1757 350.35)` | Celestial Dragon | white, 7.2 to 1 |
| 21 | `#a9256d` | `oklch(50.03% 0.1783 352.21)` | Carroburg Crimson | white, 6.6 to 1 |
| 22 | `#b33074` | `oklch(52.99% 0.1778 353.46)` | Hibiscus | white, 5.8 to 1 |
| 23 | `#bf3d7c` | `oklch(56.38% 0.1751 354.40)` | Razzle Dazzle | white, 5 to 1 |
| 24 | `#ca4a84` | `oklch(59.88% 0.1710 355.31)` | Pink Flambé | black, 4.8 to 1 |
| 25 | `#d4578c` | `oklch(63.14% 0.1663 356.49)` | Flirty Rose | black, 5.5 to 1 |
| 26 | `#dd6191` | `oklch(65.85% 0.1617 358.24)` | Groovy | black, 6.1 to 1 |
| 27 | `#e46b94` | `oklch(68.33% 0.1557 0.67)` | Shadow Azalea Pink | black, 6.8 to 1 |
| 28 | `#eb7597` | `oklch(70.74% 0.1480 3.55)` | Embarrassed | black, 7.5 to 1 |
| 29 | `#f07f99` | `oklch(73.00% 0.1397 6.59)` | Iced Berry | black, 8.2 to 1 |
| 30 | `#f4899c` | `oklch(75.02% 0.1316 9.48)` | Posy Petal | black, 8.8 to 1 |
| 31 | `#f7919e` | `oklch(76.70% 0.1247 11.94)` | Pink Geranium | black, 9.4 to 1 |
| 32 | `#fa96a0` | `oklch(77.95% 0.1199 13.68)` | Primrose Garden | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #67ebff 0.0%, #61efff 3.2%, #51f7ff 6.5%, #49fffc 9.7%, #7afff4 12.9%, #7dfff2 16.1%, #3dfff8 19.4%, #36eefd 22.6%, #4cd1fc 25.8%, #6aadec 29.0%, #7c89cd 32.3%, #816ca7 35.5%, #7e5788 38.7%, #7c4a75 41.9%, #7d3f6b 45.2%, #813666 48.4%, #872e65 51.6%, #8f2667 54.8%, #97216a 58.1%, #9f1f6a 61.3%, #a9256d 64.5%, #b33074 67.7%, #bf3d7c 71.0%, #ca4a84 74.2%, #d4578c 77.4%, #dd6191 80.6%, #e46b94 83.9%, #eb7597 87.1%, #f07f99 90.3%, #f4899c 93.5%, #f7919e 96.8%, #fa96a0 100.0%);
background: linear-gradient(180deg in oklch, oklch(87.40% 0.1181 208.82) 0.0%, oklch(88.16% 0.1225 205.55) 3.2%, oklch(89.60% 0.1337 199.67) 6.5%, oklch(91.15% 0.1414 193.25) 9.7%, oklch(92.23% 0.1185 188.33) 12.9%, oklch(92.28% 0.1171 186.98) 16.1%, oklch(90.72% 0.1456 191.26) 19.4%, oklch(86.80% 0.1391 203.56) 22.6%, oklch(80.52% 0.1281 223.73) 25.8%, oklch(72.84% 0.1150 248.61) 29.0%, oklch(64.80% 0.1023 274.98) 32.3%, oklch(57.38% 0.0924 299.62) 35.5%, oklch(51.62% 0.0879 319.30) 38.7%, oklch(48.17% 0.0913 331.74) 41.9%, oklch(46.12% 0.1025 339.39) 45.2%, oklch(45.13% 0.1189 343.69) 48.4%, oklch(45.02% 0.1374 345.81) 51.6%, oklch(45.55% 0.1549 346.89) 54.8%, oklch(46.53% 0.1686 348.11) 58.1%, oklch(47.83% 0.1757 350.35) 61.3%, oklch(50.03% 0.1783 352.21) 64.5%, oklch(52.99% 0.1778 353.46) 67.7%, oklch(56.38% 0.1751 354.40) 71.0%, oklch(59.88% 0.1710 355.31) 74.2%, oklch(63.14% 0.1663 356.49) 77.4%, oklch(65.85% 0.1617 358.24) 80.6%, oklch(68.33% 0.1557 0.67) 83.9%, oklch(70.74% 0.1480 3.55) 87.1%, oklch(73.00% 0.1397 6.59) 90.3%, oklch(75.02% 0.1316 9.48) 93.5%, oklch(76.70% 0.1247 11.94) 96.8%, oklch(77.95% 0.1199 13.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.146 | 208.8 |
| 2 | 0.902 | 0.145 | 193 |
| 3 | 0.5 | 0.088 | 325.1 |
| 4 | 0.472 | 0.174 | 349.4 |
| 5 | 0.654 | 0.163 | 357.8 |
| 6 | 0.78 | 0.12 | 373.7 |

## Other forms

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