# Cyan magenta night gradient

Vivid purple, pink and light blue linear gradient with 64 colors: #30118d, #361992, #3f2098, #4a289e, #5831a6, #663aad, #7643b5, #874dbc, #9857c4, #a961cb, #b96cd2, #c776d9, #d580e1, #e08ae8, #e892f0, #ee9af8, #efa2ff, #e8aeff, #e0b8ff, #d7bfff, #cfc5ff, #c6caff, #bccdff, #b1d0ff, #a3d2ff, #90d5ff, #76d8fe, #70d8f2, #6dd8e7, #6cd6de, #6ad4d7, #66d3d3, #60d1d2, #57ced5, #49cbda, #3cc6e3, #36c0ed, #3eb7f7, #54acff, #6fa0ff, #8492ff, #9982ff, #ad71f6, #be62e6, #cb54d3, #d447c0, #db3baf, #de32a2, #df2c9c, #de2a9a, #dc2a9c, #d82da2, #d333aa, #cd39b4, #c540bf, #bd47ca, #b44fd4, #aa56dc, #9f5de3, #9563e9, #8b69ec, #826eee, #7b72ef, #7574ef. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid purple, pink and light blue linear gradient
- Seed: `kWVIPIZ7fEuWksRO09HT0G4A`
- Page: https://grabient.com/kWVIPIZ7fEuWksRO09HT0G4A?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.3 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 | `#30118d` | `oklch(33.07% 0.1805 281.25)` | Indiglow | white, 13.1 to 1 |
| 2 | `#361992` | `oklch(34.89% 0.1796 282.99)` | Gentian Blue | white, 12.3 to 1 |
| 3 | `#3f2098` | `oklch(37.23% 0.1785 285.57)` | Gentian Blue | white, 11.2 to 1 |
| 4 | `#4a289e` | `oklch(40.01% 0.1773 288.83)` | Galactic Purple | white, 10 to 1 |
| 5 | `#5831a6` | `oklch(43.15% 0.1761 292.60)` | Royalty | white, 8.7 to 1 |
| 6 | `#663aad` | `oklch(46.58% 0.1747 296.73)` | Purple Emperor | white, 7.5 to 1 |
| 7 | `#7643b5` | `oklch(50.23% 0.1731 301.07)` | Shiner | white, 6.4 to 1 |
| 8 | `#874dbc` | `oklch(54.02% 0.1715 305.45)` | Harley Hair Purple | white, 5.4 to 1 |
| 9 | `#9857c4` | `oklch(57.86% 0.1698 309.71)` | Morado Purple | white, 4.6 to 1 |
| 10 | `#a961cb` | `oklch(61.70% 0.1679 313.70)` | Teldrassil Purple | black, 5.2 to 1 |
| 11 | `#b96cd2` | `oklch(65.45% 0.1660 317.26)` | Rich Lilac | black, 6.1 to 1 |
| 12 | `#c776d9` | `oklch(69.03% 0.1640 320.22)` | Jewel Caterpillar | black, 7 to 1 |
| 13 | `#d580e1` | `oklch(72.38% 0.1618 322.44)` | Lavender Perceptions | black, 7.9 to 1 |
| 14 | `#e08ae8` | `oklch(75.41% 0.1596 323.76)` | Bright Lilac | black, 8.9 to 1 |
| 15 | `#e892f0` | `oklch(78.04% 0.1573 324.01)` | Diva Mecha | black, 9.8 to 1 |
| 16 | `#ee9af8` | `oklch(80.22% 0.1548 323.03)` | Party Pig | black, 10.6 to 1 |
| 17 | `#efa2ff` | `oklch(81.86% 0.1505 320.66)` | Rich Brilliant Lavender | black, 11.2 to 1 |
| 18 | `#e8aeff` | `oklch(83.10% 0.1266 316.21)` | Pink Sugar | black, 11.9 to 1 |
| 19 | `#e0b8ff` | `oklch(84.04% 0.1061 309.73)` | Lavender Fragrance | black, 12.4 to 1 |
| 20 | `#d7bfff` | `oklch(84.70% 0.0907 301.56)` | Lavender Fragrance | black, 12.8 to 1 |
| 21 | `#cfc5ff` | `oklch(85.11% 0.0803 292.05)` | Innocent Snowdrop | black, 13 to 1 |
| 22 | `#c6caff` | `oklch(85.29% 0.0743 281.52)` | Lavender Blue | black, 13.2 to 1 |
| 23 | `#bccdff` | `oklch(85.27% 0.0723 270.33)` | Light Periwinkle | black, 13.3 to 1 |
| 24 | `#b1d0ff` | `oklch(85.07% 0.0741 258.81)` | Ice Cold Stare | black, 13.3 to 1 |
| 25 | `#a3d2ff` | `oklch(84.72% 0.0800 247.30)` | Baby Blue | black, 13.2 to 1 |
| 26 | `#90d5ff` | `oklch(84.25% 0.0908 236.14)` | Long Island Sound | black, 13.1 to 1 |
| 27 | `#76d8fe` | `oklch(83.68% 0.1064 225.68)` | Sky | black, 13 to 1 |
| 28 | `#70d8f2` | `oklch(83.03% 0.1030 216.24)` | Electric Lemonade | black, 12.8 to 1 |
| 29 | `#6dd8e7` | `oklch(82.34% 0.1005 208.17)` | Turquoise Sea | black, 12.5 to 1 |
| 30 | `#6cd6de` | `oklch(81.63% 0.0989 201.82)` | Aquamarine Blue | black, 12.3 to 1 |
| 31 | `#6ad4d7` | `oklch(80.92% 0.0986 197.52)` | Aruba Blue | black, 12 to 1 |
| 32 | `#66d3d3` | `oklch(80.24% 0.0996 195.61)` | Hidden Sea Glass | black, 11.7 to 1 |
| 33 | `#60d1d2` | `oklch(79.58% 0.1021 196.44)` | Blue Radiance | black, 11.5 to 1 |
| 34 | `#57ced5` | `oklch(78.77% 0.1066 200.15)` | Blue Radiance | black, 11.2 to 1 |
| 35 | `#49cbda` | `oklch(77.78% 0.1128 206.40)` | Watercourse | black, 10.8 to 1 |
| 36 | `#3cc6e3` | `oklch(76.65% 0.1206 214.81)` | Picnic Day Sky | black, 10.3 to 1 |
| 37 | `#36c0ed` | `oklch(75.41% 0.1296 225.00)` | Clean Pool | black, 9.8 to 1 |
| 38 | `#3eb7f7` | `oklch(74.09% 0.1395 236.59)` | Megaman | black, 9.3 to 1 |
| 39 | `#54acff` | `oklch(72.70% 0.1479 249.20)` | Joust Blue | black, 8.7 to 1 |
| 40 | `#6fa0ff` | `oklch(71.28% 0.1493 262.45)` | Âbi Blue | black, 8.1 to 1 |
| 41 | `#8492ff` | `oklch(69.85% 0.1589 275.97)` | Lavender Blue Shadow | black, 7.5 to 1 |
| 42 | `#9982ff` | `oklch(68.45% 0.1786 289.37)` | Periwinkle | black, 6.9 to 1 |
| 43 | `#ad71f6` | `oklch(67.09% 0.1935 302.27)` | Queer Purple | black, 6.4 to 1 |
| 44 | `#be62e6` | `oklch(65.81% 0.2032 314.29)` | Purple Snail | black, 6 to 1 |
| 45 | `#cb54d3` | `oklch(64.62% 0.2120 325.06)` | Thick Pink | black, 5.7 to 1 |
| 46 | `#d447c0` | `oklch(63.57% 0.2194 334.18)` | Zǐ Sè Purple | black, 5.4 to 1 |
| 47 | `#db3baf` | `oklch(62.67% 0.2253 341.29)` | Loudicious Pink | black, 5.2 to 1 |
| 48 | `#de32a2` | `oklch(61.96% 0.2294 346.01)` | Melodramatic Magenta | black, 5 to 1 |
| 49 | `#df2c9c` | `oklch(61.43% 0.2316 348.23)` | Melodramatic Magenta | black, 4.9 to 1 |
| 50 | `#de2a9a` | `oklch(61.04% 0.2322 348.56)` | Myoga Purple | black, 4.8 to 1 |
| 51 | `#dc2a9c` | `oklch(60.78% 0.2315 347.25)` | Melodramatic Magenta | black, 4.8 to 1 |
| 52 | `#d82da2` | `oklch(60.63% 0.2296 344.52)` | Melodramatic Magenta | black, 4.8 to 1 |
| 53 | `#d333aa` | `oklch(60.58% 0.2268 340.59)` | Loudicious Pink | black, 4.8 to 1 |
| 54 | `#cd39b4` | `oklch(60.61% 0.2231 335.67)` | Purple Pink | black, 4.8 to 1 |
| 55 | `#c540bf` | `oklch(60.71% 0.2188 329.97)` | Purple Pink | black, 4.8 to 1 |
| 56 | `#bd47ca` | `oklch(60.85% 0.2140 323.73)` | Ultraviolet Berl | black, 4.9 to 1 |
| 57 | `#b44fd4` | `oklch(61.04% 0.2090 317.16)` | Medium Orchid | black, 4.9 to 1 |
| 58 | `#aa56dc` | `oklch(61.25% 0.2038 310.47)` | Lightish Purple | black, 5 to 1 |
| 59 | `#9f5de3` | `oklch(61.47% 0.1988 303.89)` | Lightish Purple | black, 5.1 to 1 |
| 60 | `#9563e9` | `oklch(61.69% 0.1939 297.63)` | Forgotten Kyawthuite | black, 5.2 to 1 |
| 61 | `#8b69ec` | `oklch(61.88% 0.1895 291.92)` | Medium Slate Blue | black, 5.3 to 1 |
| 62 | `#826eee` | `oklch(62.04% 0.1857 286.96)` | Medium Slate Blue | black, 5.4 to 1 |
| 63 | `#7b72ef` | `oklch(62.16% 0.1826 282.98)` | Hera Blue | black, 5.4 to 1 |
| 64 | `#7574ef` | `oklch(62.20% 0.1805 280.19)` | Hera Blue | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #30118d 0.0%, #361992 1.6%, #3f2098 3.2%, #4a289e 4.8%, #5831a6 6.3%, #663aad 7.9%, #7643b5 9.5%, #874dbc 11.1%, #9857c4 12.7%, #a961cb 14.3%, #b96cd2 15.9%, #c776d9 17.5%, #d580e1 19.0%, #e08ae8 20.6%, #e892f0 22.2%, #ee9af8 23.8%, #efa2ff 25.4%, #e8aeff 27.0%, #e0b8ff 28.6%, #d7bfff 30.2%, #cfc5ff 31.7%, #c6caff 33.3%, #bccdff 34.9%, #b1d0ff 36.5%, #a3d2ff 38.1%, #90d5ff 39.7%, #76d8fe 41.3%, #70d8f2 42.9%, #6dd8e7 44.4%, #6cd6de 46.0%, #6ad4d7 47.6%, #66d3d3 49.2%, #60d1d2 50.8%, #57ced5 52.4%, #49cbda 54.0%, #3cc6e3 55.6%, #36c0ed 57.1%, #3eb7f7 58.7%, #54acff 60.3%, #6fa0ff 61.9%, #8492ff 63.5%, #9982ff 65.1%, #ad71f6 66.7%, #be62e6 68.3%, #cb54d3 69.8%, #d447c0 71.4%, #db3baf 73.0%, #de32a2 74.6%, #df2c9c 76.2%, #de2a9a 77.8%, #dc2a9c 79.4%, #d82da2 81.0%, #d333aa 82.5%, #cd39b4 84.1%, #c540bf 85.7%, #bd47ca 87.3%, #b44fd4 88.9%, #aa56dc 90.5%, #9f5de3 92.1%, #9563e9 93.7%, #8b69ec 95.2%, #826eee 96.8%, #7b72ef 98.4%, #7574ef 100.0%);
background: linear-gradient(135deg in oklch, oklch(33.07% 0.1805 281.25) 0.0%, oklch(34.89% 0.1796 282.99) 1.6%, oklch(37.23% 0.1785 285.57) 3.2%, oklch(40.01% 0.1773 288.83) 4.8%, oklch(43.15% 0.1761 292.60) 6.3%, oklch(46.58% 0.1747 296.73) 7.9%, oklch(50.23% 0.1731 301.07) 9.5%, oklch(54.02% 0.1715 305.45) 11.1%, oklch(57.86% 0.1698 309.71) 12.7%, oklch(61.70% 0.1679 313.70) 14.3%, oklch(65.45% 0.1660 317.26) 15.9%, oklch(69.03% 0.1640 320.22) 17.5%, oklch(72.38% 0.1618 322.44) 19.0%, oklch(75.41% 0.1596 323.76) 20.6%, oklch(78.04% 0.1573 324.01) 22.2%, oklch(80.22% 0.1548 323.03) 23.8%, oklch(81.86% 0.1505 320.66) 25.4%, oklch(83.10% 0.1266 316.21) 27.0%, oklch(84.04% 0.1061 309.73) 28.6%, oklch(84.70% 0.0907 301.56) 30.2%, oklch(85.11% 0.0803 292.05) 31.7%, oklch(85.29% 0.0743 281.52) 33.3%, oklch(85.27% 0.0723 270.33) 34.9%, oklch(85.07% 0.0741 258.81) 36.5%, oklch(84.72% 0.0800 247.30) 38.1%, oklch(84.25% 0.0908 236.14) 39.7%, oklch(83.68% 0.1064 225.68) 41.3%, oklch(83.03% 0.1030 216.24) 42.9%, oklch(82.34% 0.1005 208.17) 44.4%, oklch(81.63% 0.0989 201.82) 46.0%, oklch(80.92% 0.0986 197.52) 47.6%, oklch(80.24% 0.0996 195.61) 49.2%, oklch(79.58% 0.1021 196.44) 50.8%, oklch(78.77% 0.1066 200.15) 52.4%, oklch(77.78% 0.1128 206.40) 54.0%, oklch(76.65% 0.1206 214.81) 55.6%, oklch(75.41% 0.1296 225.00) 57.1%, oklch(74.09% 0.1395 236.59) 58.7%, oklch(72.70% 0.1479 249.20) 60.3%, oklch(71.28% 0.1493 262.45) 61.9%, oklch(69.85% 0.1589 275.97) 63.5%, oklch(68.45% 0.1786 289.37) 65.1%, oklch(67.09% 0.1935 302.27) 66.7%, oklch(65.81% 0.2032 314.29) 68.3%, oklch(64.62% 0.2120 325.06) 69.8%, oklch(63.57% 0.2194 334.18) 71.4%, oklch(62.67% 0.2253 341.29) 73.0%, oklch(61.96% 0.2294 346.01) 74.6%, oklch(61.43% 0.2316 348.23) 76.2%, oklch(61.04% 0.2322 348.56) 77.8%, oklch(60.78% 0.2315 347.25) 79.4%, oklch(60.63% 0.2296 344.52) 81.0%, oklch(60.58% 0.2268 340.59) 82.5%, oklch(60.61% 0.2231 335.67) 84.1%, oklch(60.71% 0.2188 329.97) 85.7%, oklch(60.85% 0.2140 323.73) 87.3%, oklch(61.04% 0.2090 317.16) 88.9%, oklch(61.25% 0.2038 310.47) 90.5%, oklch(61.47% 0.1988 303.89) 92.1%, oklch(61.69% 0.1939 297.63) 93.7%, oklch(61.88% 0.1895 291.92) 95.2%, oklch(62.04% 0.1857 286.96) 96.8%, oklch(62.16% 0.1826 282.98) 98.4%, oklch(62.20% 0.1805 280.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.181 | 281.3 |
| 2 | 0.815 | 0.153 | 321.4 |
| 3 | 0.799 | 0.101 | 195.7 |
| 4 | 0.618 | 0.23 | 346.8 |
| 5 | 0.622 | 0.181 | 280.2 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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