# Cyan magenta foil diagonal

Tritone light blue, pink and purple linear gradient with 48 colors: #00d1d1, #00ceda, #00c9e7, #26c2f5, #4fb8ff, #74adff, #8ea1ff, #a594fd, #b888ef, #c77edd, #d076cb, #d570bb, #d56cb0, #d26aab, #cd69a9, #c569ab, #bc6aaf, #b26bb3, #a66db6, #9b6eb7, #8f6fb7, #8570b5, #7c6fb1, #766dac, #726aa7, #6e649f, #6c5d97, #69548c, #674b81, #654376, #623b6b, #603461, #5e2e59, #5c2b54, #5c2a53, #5c2c56, #5e325f, #603c6c, #634a7d, #645b8f, #656ea1, #6683b0, #6a98bc, #71acc4, #7ebeca, #8dcecf, #9cdad2, #a9e2d4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone light blue, pink and purple linear gradient
- Seed: `kWxmGK1jhRUeiuawIUT7patw`
- Page: https://grabient.com/kWxmGK1jhRUeiuawIUT7patw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 7.5 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 | `#00d1d1` | `oklch(77.95% 0.1331 194.77)` | Jade Glass | black, 11 to 1 |
| 2 | `#00ceda` | `oklch(77.45% 0.1319 202.70)` | Jade Glass | black, 10.8 to 1 |
| 3 | `#00c9e7` | `oklch(76.83% 0.1348 213.57)` | Picnic Day Sky | black, 10.5 to 1 |
| 4 | `#26c2f5` | `oklch(76.09% 0.1394 226.72)` | Shovel Knight | black, 10.1 to 1 |
| 5 | `#4fb8ff` | `oklch(75.27% 0.1400 241.52)` | Glitter Lake | black, 9.6 to 1 |
| 6 | `#74adff` | `oklch(74.38% 0.1331 257.34)` | Fennel Flower | black, 9.2 to 1 |
| 7 | `#8ea1ff` | `oklch(73.43% 0.1373 273.53)` | Periwinkle Blue | black, 8.7 to 1 |
| 8 | `#a594fd` | `oklch(72.44% 0.1507 289.45)` | Cobalite | black, 8.2 to 1 |
| 9 | `#b888ef` | `oklch(71.43% 0.1529 304.46)` | Lilac Geode | black, 7.8 to 1 |
| 10 | `#c77edd` | `oklch(70.41% 0.1545 317.91)` | Lavender Perceptions | black, 7.4 to 1 |
| 11 | `#d076cb` | `oklch(69.40% 0.1554 329.16)` | Purple Kush | black, 7.1 to 1 |
| 12 | `#d570bb` | `oklch(68.42% 0.1552 337.58)` | Sky Magenta | black, 6.8 to 1 |
| 13 | `#d56cb0` | `oklch(67.49% 0.1539 342.54)` | Purple Hollyhock | black, 6.6 to 1 |
| 14 | `#d26aab` | `oklch(66.59% 0.1511 344.04)` | Super Pink | black, 6.3 to 1 |
| 15 | `#cd69a9` | `oklch(65.71% 0.1472 342.63)` | Super Pink | black, 6.1 to 1 |
| 16 | `#c569ab` | `oklch(64.84% 0.1422 338.86)` | Sugar Creek | black, 6 to 1 |
| 17 | `#bc6aaf` | `oklch(63.97% 0.1365 333.29)` | Young Purple | black, 5.8 to 1 |
| 18 | `#b26bb3` | `oklch(63.09% 0.1303 326.45)` | Berry Burst | black, 5.6 to 1 |
| 19 | `#a66db6` | `oklch(62.18% 0.1238 318.89)` | Soft Purple | black, 5.4 to 1 |
| 20 | `#9b6eb7` | `oklch(61.24% 0.1174 311.16)` | Viola | black, 5.3 to 1 |
| 21 | `#8f6fb7` | `oklch(60.26% 0.1112 303.79)` | Middle Blue Purple | black, 5.1 to 1 |
| 22 | `#8570b5` | `oklch(59.22% 0.1055 297.35)` | Purple Hebe | black, 4.9 to 1 |
| 23 | `#7c6fb1` | `oklch(58.11% 0.1005 292.36)` | Plum Preserve | black, 4.7 to 1 |
| 24 | `#766dac` | `oklch(56.92% 0.0966 289.38)` | Wintertime Mauve | white, 4.6 to 1 |
| 25 | `#726aa7` | `oklch(55.59% 0.0938 288.93)` | Inner Journey | white, 4.8 to 1 |
| 26 | `#6e649f` | `oklch(53.80% 0.0921 290.98)` | Scampi | white, 5.2 to 1 |
| 27 | `#6c5d97` | `oklch(51.62% 0.0910 295.02)` | Just a Fairytale | white, 5.7 to 1 |
| 28 | `#69548c` | `oklch(49.20% 0.0906 300.51)` | Magenta Violet | white, 6.4 to 1 |
| 29 | `#674b81` | `oklch(46.67% 0.0906 306.92)` | Violet Majesty | white, 7.2 to 1 |
| 30 | `#654376` | `oklch(44.16% 0.0909 313.70)` | Palace Purple | white, 8 to 1 |
| 31 | `#623b6b` | `oklch(41.82% 0.0914 320.31)` | Purple Splendour | white, 8.9 to 1 |
| 32 | `#603461` | `oklch(39.79% 0.0920 326.23)` | Long Passionate Night | white, 9.7 to 1 |
| 33 | `#5e2e59` | `oklch(38.21% 0.0924 330.91)` | Japanese Violet | white, 10.4 to 1 |
| 34 | `#5c2b54` | `oklch(37.21% 0.0925 333.82)` | Japanese Violet | white, 10.8 to 1 |
| 35 | `#5c2a53` | `oklch(36.92% 0.0922 334.41)` | Japanese Violet | white, 10.9 to 1 |
| 36 | `#5c2c56` | `oklch(37.50% 0.0913 332.16)` | Japanese Violet | white, 10.7 to 1 |
| 37 | `#5e325f` | `oklch(39.14% 0.0897 326.48)` | Long Passionate Night | white, 9.9 to 1 |
| 38 | `#603c6c` | `oklch(41.94% 0.0877 317.36)` | Purple Splendour | white, 8.8 to 1 |
| 39 | `#634a7d` | `oklch(45.70% 0.0853 305.43)` | Royal Robe | white, 7.4 to 1 |
| 40 | `#645b8f` | `oklch(50.20% 0.0825 291.33)` | Colossus | white, 6.1 to 1 |
| 41 | `#656ea1` | `oklch(55.23% 0.0796 275.71)` | Kimberlite | white, 4.8 to 1 |
| 42 | `#6683b0` | `oklch(60.57% 0.0766 259.21)` | Pacific Coast | black, 5.4 to 1 |
| 43 | `#6a98bc` | `oklch(66.00% 0.0736 242.47)` | Lupine Blue | black, 6.8 to 1 |
| 44 | `#71acc4` | `oklch(71.31% 0.0707 226.15)` | Moonstone Blue | black, 8.4 to 1 |
| 45 | `#7ebeca` | `oklch(76.28% 0.0679 210.88)` | Aqua Vitale | black, 10.1 to 1 |
| 46 | `#8dcecf` | `oklch(80.70% 0.0655 197.31)` | Fling Green | black, 11.8 to 1 |
| 47 | `#9cdad2` | `oklch(84.35% 0.0635 186.09)` | In the Shallows | black, 13.3 to 1 |
| 48 | `#a9e2d4` | `oklch(87.01% 0.0620 177.86)` | Capri Water Blue | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00d1d1 0.0%, #00ceda 2.1%, #00c9e7 4.3%, #26c2f5 6.4%, #4fb8ff 8.5%, #74adff 10.6%, #8ea1ff 12.8%, #a594fd 14.9%, #b888ef 17.0%, #c77edd 19.1%, #d076cb 21.3%, #d570bb 23.4%, #d56cb0 25.5%, #d26aab 27.7%, #cd69a9 29.8%, #c569ab 31.9%, #bc6aaf 34.0%, #b26bb3 36.2%, #a66db6 38.3%, #9b6eb7 40.4%, #8f6fb7 42.6%, #8570b5 44.7%, #7c6fb1 46.8%, #766dac 48.9%, #726aa7 51.1%, #6e649f 53.2%, #6c5d97 55.3%, #69548c 57.4%, #674b81 59.6%, #654376 61.7%, #623b6b 63.8%, #603461 66.0%, #5e2e59 68.1%, #5c2b54 70.2%, #5c2a53 72.3%, #5c2c56 74.5%, #5e325f 76.6%, #603c6c 78.7%, #634a7d 80.9%, #645b8f 83.0%, #656ea1 85.1%, #6683b0 87.2%, #6a98bc 89.4%, #71acc4 91.5%, #7ebeca 93.6%, #8dcecf 95.7%, #9cdad2 97.9%, #a9e2d4 100.0%);
background: linear-gradient(135deg in oklch, oklch(77.95% 0.1331 194.77) 0.0%, oklch(77.45% 0.1319 202.70) 2.1%, oklch(76.83% 0.1348 213.57) 4.3%, oklch(76.09% 0.1394 226.72) 6.4%, oklch(75.27% 0.1400 241.52) 8.5%, oklch(74.38% 0.1331 257.34) 10.6%, oklch(73.43% 0.1373 273.53) 12.8%, oklch(72.44% 0.1507 289.45) 14.9%, oklch(71.43% 0.1529 304.46) 17.0%, oklch(70.41% 0.1545 317.91) 19.1%, oklch(69.40% 0.1554 329.16) 21.3%, oklch(68.42% 0.1552 337.58) 23.4%, oklch(67.49% 0.1539 342.54) 25.5%, oklch(66.59% 0.1511 344.04) 27.7%, oklch(65.71% 0.1472 342.63) 29.8%, oklch(64.84% 0.1422 338.86) 31.9%, oklch(63.97% 0.1365 333.29) 34.0%, oklch(63.09% 0.1303 326.45) 36.2%, oklch(62.18% 0.1238 318.89) 38.3%, oklch(61.24% 0.1174 311.16) 40.4%, oklch(60.26% 0.1112 303.79) 42.6%, oklch(59.22% 0.1055 297.35) 44.7%, oklch(58.11% 0.1005 292.36) 46.8%, oklch(56.92% 0.0966 289.38) 48.9%, oklch(55.59% 0.0938 288.93) 51.1%, oklch(53.80% 0.0921 290.98) 53.2%, oklch(51.62% 0.0910 295.02) 55.3%, oklch(49.20% 0.0906 300.51) 57.4%, oklch(46.67% 0.0906 306.92) 59.6%, oklch(44.16% 0.0909 313.70) 61.7%, oklch(41.82% 0.0914 320.31) 63.8%, oklch(39.79% 0.0920 326.23) 66.0%, oklch(38.21% 0.0924 330.91) 68.1%, oklch(37.21% 0.0925 333.82) 70.2%, oklch(36.92% 0.0922 334.41) 72.3%, oklch(37.50% 0.0913 332.16) 74.5%, oklch(39.14% 0.0897 326.48) 76.6%, oklch(41.94% 0.0877 317.36) 78.7%, oklch(45.70% 0.0853 305.43) 80.9%, oklch(50.20% 0.0825 291.33) 83.0%, oklch(55.23% 0.0796 275.71) 85.1%, oklch(60.57% 0.0766 259.21) 87.2%, oklch(66.00% 0.0736 242.47) 89.4%, oklch(71.31% 0.0707 226.15) 91.5%, oklch(76.28% 0.0679 210.88) 93.6%, oklch(80.70% 0.0655 197.31) 95.7%, oklch(84.35% 0.0635 186.09) 97.9%, oklch(87.01% 0.0620 177.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.134 | 194.8 |
| 2 | 0.677 | 0.154 | 341.7 |
| 3 | 0.563 | 0.095 | 288.8 |
| 4 | 0.378 | 0.091 | 331.1 |
| 5 | 0.87 | 0.062 | 177.9 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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