# Cyan Magenta Passage

This diagonal gradient moves from cyan through blue, violet, magenta, red, purple, ink blue, violet, and finishes in magenta. Use the bold ink colors for DIY editorial graphics, zine covers, posters, or print-inspired title panels. The contrasting tones can separate large backgrounds, strong lettering, borders, and small disruptive accents within a compact layout.

- Also called: Vivid blue, red, purple and pink linear gradient
- Seed: `kUrVudy81TraysPMWMtA`
- Page: https://grabient.com/kUrVudy81TraysPMWMtA?steps=32&angle=140
- Drawn as: linear gradient, 32 steps, 140 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#00a9cf` | `oklch(68.11% 0.1254 221.49)` | Gummy Dolphins | black, 7.5 to 1 |
| 2 | `#21a4da` | `oklch(67.65% 0.1310 232.29)` | Blue Damselfly | black, 7.3 to 1 |
| 3 | `#449be6` | `oklch(67.10% 0.1391 247.73)` | Flax Flower Blue | black, 7 to 1 |
| 4 | `#698eef` | `oklch(66.46% 0.1490 266.54)` | Soft Blue | black, 6.7 to 1 |
| 5 | `#8d7eed` | `oklch(65.75% 0.1600 287.47)` | Periwinkle | black, 6.3 to 1 |
| 6 | `#ae6ddd` | `oklch(64.95% 0.1715 309.26)` | Lavender | black, 6 to 1 |
| 7 | `#c85bbf` | `oklch(64.08% 0.1827 330.68)` | Fuchsia Tint | black, 5.7 to 1 |
| 8 | `#da4b99` | `oklch(63.13% 0.1930 350.45)` | Nova Pink | black, 5.4 to 1 |
| 9 | `#e33f71` | `oklch(62.11% 0.2017 7.33)` | Fantasy Romance | black, 5.2 to 1 |
| 10 | `#e5374c` | `oklch(61.01% 0.2082 20.07)` | Desire | black, 4.9 to 1 |
| 11 | `#e3332f` | `oklch(59.85% 0.2118 27.42)` | Rose Madder | black, 4.7 to 1 |
| 12 | `#de2e28` | `oklch(58.54% 0.2117 28.13)` | Shōjōhi Red | white, 4.6 to 1 |
| 13 | `#d62739` | `oklch(56.86% 0.2076 22.23)` | Incubation Red | white, 4.9 to 1 |
| 14 | `#ca2254` | `oklch(54.91% 0.2003 11.08)` | Vampire Fangs | white, 5.4 to 1 |
| 15 | `#b8256f` | `oklch(52.80% 0.1909 356.09)` | Treasured Love | white, 5.9 to 1 |
| 16 | `#a22d87` | `oklch(50.64% 0.1801 338.66)` | Wild Aster | white, 6.4 to 1 |
| 17 | `#873599` | `oklch(48.55% 0.1690 320.20)` | Leviathan Purple | white, 7 to 1 |
| 18 | `#6c3ca2` | `oklch(46.63% 0.1585 302.10)` | Poppy Pompadour | white, 7.4 to 1 |
| 19 | `#5142a3` | `oklch(45.00% 0.1493 285.79)` | Megadrive Screen | white, 7.8 to 1 |
| 20 | `#3a479f` | `oklch(43.77% 0.1426 272.65)` | Galaxy Express | white, 8.1 to 1 |
| 21 | `#274a9b` | `oklch(43.05% 0.1392 264.10)` | Sea of Tears | white, 8.3 to 1 |
| 22 | `#1f4b9b` | `oklch(42.96% 0.1399 261.42)` | Sea of Tears | white, 8.3 to 1 |
| 23 | `#264ba0` | `oklch(43.58% 0.1447 263.83)` | Sea of Tears | white, 8.1 to 1 |
| 24 | `#364aa8` | `oklch(44.81% 0.1529 270.16)` | Night in Manchester | white, 7.8 to 1 |
| 25 | `#4b47b1` | `oklch(46.49% 0.1635 279.55)` | Megadrive Screen | white, 7.3 to 1 |
| 26 | `#6443b8` | `oklch(48.51% 0.1759 291.12)` | Swiss Plum | white, 6.9 to 1 |
| 27 | `#7e3dbb` | `oklch(50.72% 0.1892 304.00)` | Harley Hair Purple | white, 6.4 to 1 |
| 28 | `#9936b6` | `oklch(52.98% 0.2028 317.33)` | Akebi Purple | white, 5.9 to 1 |
| 29 | `#b22dac` | `oklch(55.16% 0.2158 330.25)` | Vivid Fuchsia | white, 5.4 to 1 |
| 30 | `#c8219c` | `oklch(57.13% 0.2275 341.88)` | Indian Lake | white, 5 to 1 |
| 31 | `#d9128c` | `oklch(58.73% 0.2371 351.35)` | The Art of Seduction | white, 4.7 to 1 |
| 32 | `#e50080` | `oklch(59.85% 0.2439 357.81)` | Mexican Pink | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(140deg, #00a9cf 0.0%, #21a4da 3.2%, #449be6 6.5%, #698eef 9.7%, #8d7eed 12.9%, #ae6ddd 16.1%, #c85bbf 19.4%, #da4b99 22.6%, #e33f71 25.8%, #e5374c 29.0%, #e3332f 32.3%, #de2e28 35.5%, #d62739 38.7%, #ca2254 41.9%, #b8256f 45.2%, #a22d87 48.4%, #873599 51.6%, #6c3ca2 54.8%, #5142a3 58.1%, #3a479f 61.3%, #274a9b 64.5%, #1f4b9b 67.7%, #264ba0 71.0%, #364aa8 74.2%, #4b47b1 77.4%, #6443b8 80.6%, #7e3dbb 83.9%, #9936b6 87.1%, #b22dac 90.3%, #c8219c 93.5%, #d9128c 96.8%, #e50080 100.0%);
background: linear-gradient(140deg in oklch, oklch(68.11% 0.1254 221.49) 0.0%, oklch(67.65% 0.1310 232.29) 3.2%, oklch(67.10% 0.1391 247.73) 6.5%, oklch(66.46% 0.1490 266.54) 9.7%, oklch(65.75% 0.1600 287.47) 12.9%, oklch(64.95% 0.1715 309.26) 16.1%, oklch(64.08% 0.1827 330.68) 19.4%, oklch(63.13% 0.1930 350.45) 22.6%, oklch(62.11% 0.2017 7.33) 25.8%, oklch(61.01% 0.2082 20.07) 29.0%, oklch(59.85% 0.2118 27.42) 32.3%, oklch(58.54% 0.2117 28.13) 35.5%, oklch(56.86% 0.2076 22.23) 38.7%, oklch(54.91% 0.2003 11.08) 41.9%, oklch(52.80% 0.1909 356.09) 45.2%, oklch(50.64% 0.1801 338.66) 48.4%, oklch(48.55% 0.1690 320.20) 51.6%, oklch(46.63% 0.1585 302.10) 54.8%, oklch(45.00% 0.1493 285.79) 58.1%, oklch(43.77% 0.1426 272.65) 61.3%, oklch(43.05% 0.1392 264.10) 64.5%, oklch(42.96% 0.1399 261.42) 67.7%, oklch(43.58% 0.1447 263.83) 71.0%, oklch(44.81% 0.1529 270.16) 74.2%, oklch(46.49% 0.1635 279.55) 77.4%, oklch(48.51% 0.1759 291.12) 80.6%, oklch(50.72% 0.1892 304.00) 83.9%, oklch(52.98% 0.2028 317.33) 87.1%, oklch(55.16% 0.2158 330.25) 90.3%, oklch(57.13% 0.2275 341.88) 93.5%, oklch(58.73% 0.2371 351.35) 96.8%, oklch(59.85% 0.2439 357.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.125 | 221.5 |
| 2 | 0.594 | 0.212 | 388.5 |
| 3 | 0.429 | 0.139 | 261.6 |
| 4 | 0.598 | 0.244 | 357.8 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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