# Violet pink blue diagonal

Analogous purple, blue and pink linear gradient with 56 colors: #d267c7, #ce66c6, #c864c4, #c162c2, #ba5fbf, #b15cbc, #a95ab8, #a157b4, #9854b1, #9051ad, #894faa, #824da7, #7c4ca5, #784ba4, #744ba3, #714ba5, #6e4ca7, #6b4daa, #684fae, #6551b2, #6354b7, #6157bc, #5f5ac1, #5d5dc6, #5d61cb, #5e64d0, #6067d4, #6469d8, #6a6bdb, #746ddf, #816fe2, #9071e4, #a173e4, #b175e3, #c277e0, #d17adc, #df7dd7, #ea80d2, #f483cd, #fa86c9, #fe89c8, #fe8bc8, #fb8ccb, #f48dcf, #ea8dd4, #dd8cd9, #ce8cdc, #bc8cde, #a98bdd, #968ad9, #8489d3, #7388cb, #6386c2, #5784b9, #4e83b1, #4781ab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous purple, blue and pink linear gradient
- Seed: `kWq4Hrv7M8sm8vPjOEgyiAzQ`
- Page: https://grabient.com/kWq4Hrv7M8sm8vPjOEgyiAzQ?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#d267c7` | `oklch(67.32% 0.1778 331.17)` | Pink Charge | black, 6.5 to 1 |
| 2 | `#ce66c6` | `oklch(66.54% 0.1761 330.03)` | Purple Urn Orchid | black, 6.3 to 1 |
| 3 | `#c864c4` | `oklch(65.50% 0.1737 328.62)` | Purple Urn Orchid | black, 6 to 1 |
| 4 | `#c162c2` | `oklch(64.23% 0.1709 326.97)` | Purple Urn Orchid | black, 5.7 to 1 |
| 5 | `#ba5fbf` | `oklch(62.79% 0.1678 325.13)` | Purple Urn Orchid | black, 5.4 to 1 |
| 6 | `#b15cbc` | `oklch(61.24% 0.1643 323.11)` | Royalty Loyalty | black, 5.1 to 1 |
| 7 | `#a95ab8` | `oklch(59.61% 0.1607 320.97)` | Royalty Loyalty | black, 4.8 to 1 |
| 8 | `#a157b4` | `oklch(57.96% 0.1571 318.74)` | Purple Plum | white, 4.6 to 1 |
| 9 | `#9854b1` | `oklch(56.34% 0.1535 316.43)` | Purple Plum | white, 4.9 to 1 |
| 10 | `#9051ad` | `oklch(54.80% 0.1502 314.10)` | Purpureus | white, 5.2 to 1 |
| 11 | `#894faa` | `oklch(53.38% 0.1471 311.78)` | Vicious Violet | white, 5.5 to 1 |
| 12 | `#824da7` | `oklch(52.13% 0.1445 309.50)` | Royal Lavender | white, 5.8 to 1 |
| 13 | `#7c4ca5` | `oklch(51.11% 0.1425 307.28)` | Royal Lavender | white, 6.1 to 1 |
| 14 | `#784ba4` | `oklch(50.35% 0.1411 305.18)` | Studio | white, 6.3 to 1 |
| 15 | `#744ba3` | `oklch(49.92% 0.1405 303.20)` | Studio | white, 6.4 to 1 |
| 16 | `#714ba5` | `oklch(49.72% 0.1407 300.95)` | Studio | white, 6.4 to 1 |
| 17 | `#6e4ca7` | `oklch(49.71% 0.1416 298.36)` | Studio | white, 6.4 to 1 |
| 18 | `#6b4daa` | `oklch(49.86% 0.1432 295.53)` | Ultrapurple Merge | white, 6.4 to 1 |
| 19 | `#684fae` | `oklch(50.17% 0.1452 292.56)` | Ultrapurple Merge | white, 6.3 to 1 |
| 20 | `#6551b2` | `oklch(50.62% 0.1477 289.57)` | Ultrapurple Merge | white, 6.1 to 1 |
| 21 | `#6354b7` | `oklch(51.19% 0.1503 286.67)` | Circumorbital Ring | white, 6 to 1 |
| 22 | `#6157bc` | `oklch(51.87% 0.1532 283.95)` | Circumorbital Ring | white, 5.8 to 1 |
| 23 | `#5f5ac1` | `oklch(52.64% 0.1560 281.53)` | Circumorbital Ring | white, 5.6 to 1 |
| 24 | `#5d5dc6` | `oklch(53.49% 0.1587 279.52)` | Circumorbital Ring | white, 5.4 to 1 |
| 25 | `#5d61cb` | `oklch(54.40% 0.1613 278.01)` | Borage Blue | white, 5.2 to 1 |
| 26 | `#5e64d0` | `oklch(55.36% 0.1635 277.13)` | Borage Blue | white, 5 to 1 |
| 27 | `#6067d4` | `oklch(56.35% 0.1652 276.97)` | Exodus Fruit | white, 4.8 to 1 |
| 28 | `#6469d8` | `oklch(57.37% 0.1664 277.65)` | Exodus Fruit | white, 4.6 to 1 |
| 29 | `#6a6bdb` | `oklch(58.42% 0.1670 279.38)` | C64 Purple | black, 4.7 to 1 |
| 30 | `#746ddf` | `oklch(59.75% 0.1673 282.76)` | C64 Purple | black, 4.9 to 1 |
| 31 | `#816fe2` | `oklch(61.32% 0.1676 287.61)` | Hera Blue | black, 5.3 to 1 |
| 32 | `#9071e4` | `oklch(63.08% 0.1676 293.62)` | Matt Purple | black, 5.6 to 1 |
| 33 | `#a173e4` | `oklch(64.97% 0.1675 300.47)` | Violet Voltage | black, 6 to 1 |
| 34 | `#b175e3` | `oklch(66.94% 0.1671 307.86)` | Lavender | black, 6.5 to 1 |
| 35 | `#c277e0` | `oklch(68.91% 0.1666 315.45)` | Fake Love | black, 7 to 1 |
| 36 | `#d17adc` | `oklch(70.83% 0.1658 322.95)` | Jewel Caterpillar | black, 7.5 to 1 |
| 37 | `#df7dd7` | `oklch(72.64% 0.1647 330.04)` | Hibiscus Pop | black, 8 to 1 |
| 38 | `#ea80d2` | `oklch(74.28% 0.1634 336.40)` | Blushed Bombshell | black, 8.5 to 1 |
| 39 | `#f483cd` | `oklch(75.69% 0.1618 341.73)` | Blushed Bombshell | black, 8.9 to 1 |
| 40 | `#fa86c9` | `oklch(76.81% 0.1599 345.70)` | Bubblegum Beam | black, 9.3 to 1 |
| 41 | `#fe89c8` | `oklch(77.58% 0.1576 348.01)` | Shimmering Love | black, 9.6 to 1 |
| 42 | `#fe8bc8` | `oklch(77.93% 0.1550 348.34)` | Shimmering Love | black, 9.7 to 1 |
| 43 | `#fb8ccb` | `oklch(77.82% 0.1519 346.41)` | Shimmering Love | black, 9.7 to 1 |
| 44 | `#f48dcf` | `oklch(77.24% 0.1480 342.30)` | Bubblegum Kisses | black, 9.5 to 1 |
| 45 | `#ea8dd4` | `oklch(76.25% 0.1435 336.32)` | Blushed Bombshell | black, 9.2 to 1 |
| 46 | `#dd8cd9` | `oklch(74.92% 0.1384 328.81)` | Love Dust | black, 8.8 to 1 |
| 47 | `#ce8cdc` | `oklch(73.33% 0.1329 320.10)` | Blush Essence | black, 8.3 to 1 |
| 48 | `#bc8cde` | `oklch(71.53% 0.1271 310.51)` | Luminous Lavender | black, 7.9 to 1 |
| 49 | `#a98bdd` | `oklch(69.61% 0.1212 300.36)` | Middy’s Purple | black, 7.4 to 1 |
| 50 | `#968ad9` | `oklch(67.63% 0.1154 289.99)` | Perrywinkle | black, 6.9 to 1 |
| 51 | `#8489d3` | `oklch(65.65% 0.1096 279.73)` | True Lavender | black, 6.5 to 1 |
| 52 | `#7388cb` | `oklch(63.75% 0.1042 269.89)` | Violets Are Blue | black, 6 to 1 |
| 53 | `#6386c2` | `oklch(61.99% 0.0992 260.80)` | Danube | black, 5.7 to 1 |
| 54 | `#5784b9` | `oklch(60.45% 0.0948 252.80)` | Handsome Hue | black, 5.4 to 1 |
| 55 | `#4e83b1` | `oklch(59.18% 0.0911 246.21)` | Ship’s Harbour | black, 5.1 to 1 |
| 56 | `#4781ab` | `oklch(58.27% 0.0882 241.35)` | Neapolitan Blue | black, 5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d267c7 0.0%, #ce66c6 1.8%, #c864c4 3.6%, #c162c2 5.5%, #ba5fbf 7.3%, #b15cbc 9.1%, #a95ab8 10.9%, #a157b4 12.7%, #9854b1 14.5%, #9051ad 16.4%, #894faa 18.2%, #824da7 20.0%, #7c4ca5 21.8%, #784ba4 23.6%, #744ba3 25.5%, #714ba5 27.3%, #6e4ca7 29.1%, #6b4daa 30.9%, #684fae 32.7%, #6551b2 34.5%, #6354b7 36.4%, #6157bc 38.2%, #5f5ac1 40.0%, #5d5dc6 41.8%, #5d61cb 43.6%, #5e64d0 45.5%, #6067d4 47.3%, #6469d8 49.1%, #6a6bdb 50.9%, #746ddf 52.7%, #816fe2 54.5%, #9071e4 56.4%, #a173e4 58.2%, #b175e3 60.0%, #c277e0 61.8%, #d17adc 63.6%, #df7dd7 65.5%, #ea80d2 67.3%, #f483cd 69.1%, #fa86c9 70.9%, #fe89c8 72.7%, #fe8bc8 74.5%, #fb8ccb 76.4%, #f48dcf 78.2%, #ea8dd4 80.0%, #dd8cd9 81.8%, #ce8cdc 83.6%, #bc8cde 85.5%, #a98bdd 87.3%, #968ad9 89.1%, #8489d3 90.9%, #7388cb 92.7%, #6386c2 94.5%, #5784b9 96.4%, #4e83b1 98.2%, #4781ab 100.0%);
background: linear-gradient(45deg in oklch, oklch(67.32% 0.1778 331.17) 0.0%, oklch(66.54% 0.1761 330.03) 1.8%, oklch(65.50% 0.1737 328.62) 3.6%, oklch(64.23% 0.1709 326.97) 5.5%, oklch(62.79% 0.1678 325.13) 7.3%, oklch(61.24% 0.1643 323.11) 9.1%, oklch(59.61% 0.1607 320.97) 10.9%, oklch(57.96% 0.1571 318.74) 12.7%, oklch(56.34% 0.1535 316.43) 14.5%, oklch(54.80% 0.1502 314.10) 16.4%, oklch(53.38% 0.1471 311.78) 18.2%, oklch(52.13% 0.1445 309.50) 20.0%, oklch(51.11% 0.1425 307.28) 21.8%, oklch(50.35% 0.1411 305.18) 23.6%, oklch(49.92% 0.1405 303.20) 25.5%, oklch(49.72% 0.1407 300.95) 27.3%, oklch(49.71% 0.1416 298.36) 29.1%, oklch(49.86% 0.1432 295.53) 30.9%, oklch(50.17% 0.1452 292.56) 32.7%, oklch(50.62% 0.1477 289.57) 34.5%, oklch(51.19% 0.1503 286.67) 36.4%, oklch(51.87% 0.1532 283.95) 38.2%, oklch(52.64% 0.1560 281.53) 40.0%, oklch(53.49% 0.1587 279.52) 41.8%, oklch(54.40% 0.1613 278.01) 43.6%, oklch(55.36% 0.1635 277.13) 45.5%, oklch(56.35% 0.1652 276.97) 47.3%, oklch(57.37% 0.1664 277.65) 49.1%, oklch(58.42% 0.1670 279.38) 50.9%, oklch(59.75% 0.1673 282.76) 52.7%, oklch(61.32% 0.1676 287.61) 54.5%, oklch(63.08% 0.1676 293.62) 56.4%, oklch(64.97% 0.1675 300.47) 58.2%, oklch(66.94% 0.1671 307.86) 60.0%, oklch(68.91% 0.1666 315.45) 61.8%, oklch(70.83% 0.1658 322.95) 63.6%, oklch(72.64% 0.1647 330.04) 65.5%, oklch(74.28% 0.1634 336.40) 67.3%, oklch(75.69% 0.1618 341.73) 69.1%, oklch(76.81% 0.1599 345.70) 70.9%, oklch(77.58% 0.1576 348.01) 72.7%, oklch(77.93% 0.1550 348.34) 74.5%, oklch(77.82% 0.1519 346.41) 76.4%, oklch(77.24% 0.1480 342.30) 78.2%, oklch(76.25% 0.1435 336.32) 80.0%, oklch(74.92% 0.1384 328.81) 81.8%, oklch(73.33% 0.1329 320.10) 83.6%, oklch(71.53% 0.1271 310.51) 85.5%, oklch(69.61% 0.1212 300.36) 87.3%, oklch(67.63% 0.1154 289.99) 89.1%, oklch(65.65% 0.1096 279.73) 90.9%, oklch(63.75% 0.1042 269.89) 92.7%, oklch(61.99% 0.0992 260.80) 94.5%, oklch(60.45% 0.0948 252.80) 96.4%, oklch(59.18% 0.0911 246.21) 98.2%, oklch(58.27% 0.0882 241.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.178 | 331.2 |
| 2 | 0.5 | 0.141 | 303.7 |
| 3 | 0.579 | 0.167 | 278.3 |
| 4 | 0.78 | 0.154 | 348.1 |
| 5 | 0.583 | 0.088 | 241.3 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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