# Gold magenta violet diagonal

Vivid purple, pink, orange and yellow linear gradient with 56 colors: #9f15c8, #a417c5, #ab19c0, #b31bba, #bb1eb3, #c421ab, #cd24a3, #d72899, #e02e8e, #e83483, #ef3c77, #f6456a, #fb4f5e, #ff5950, #ff6747, #ff733d, #ff7d33, #ff8727, #ff8f14, #fe9800, #fba000, #f8a700, #f6ad0a, #f2b21b, #efb627, #edb830, #ebb937, #e9b93c, #e8b83f, #e7b542, #e6b144, #e6ac46, #e4a548, #e39e4a, #e0974e, #dd8f51, #d98656, #d37e5b, #cd765f, #c56e64, #bc6769, #b2606d, #a85a70, #9d5473, #914f75, #854b76, #794776, #6d4375, #623f73, #573c71, #4d396e, #43376a, #3b3467, #333263, #2d3060, #282f5c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid purple, pink, orange and yellow linear gradient
- Seed: `kShrTg5rTPakdq4`
- Page: https://grabient.com/kShrTg5rTPakdq4?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7 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 | `#9f15c8` | `oklch(52.76% 0.2480 315.70)` | Foxy Fuchsia | white, 6.1 to 1 |
| 2 | `#a417c5` | `oklch(53.35% 0.2460 318.45)` | Nebula | white, 5.9 to 1 |
| 3 | `#ab19c0` | `oklch(54.10% 0.2436 321.88)` | Magentleman | white, 5.7 to 1 |
| 4 | `#b31bba` | `oklch(55.00% 0.2410 325.93)` | Barney | white, 5.5 to 1 |
| 5 | `#bb1eb3` | `oklch(56.03% 0.2381 330.55)` | Fuchsia Flair | white, 5.3 to 1 |
| 6 | `#c421ab` | `oklch(57.17% 0.2350 335.66)` | Mystifying Magenta | white, 5 to 1 |
| 7 | `#cd24a3` | `oklch(58.41% 0.2316 341.20)` | Perfectly Purple Place | white, 4.7 to 1 |
| 8 | `#d72899` | `oklch(59.74% 0.2281 347.11)` | Royal Fuchsia | black, 4.6 to 1 |
| 9 | `#e02e8e` | `oklch(61.13% 0.2243 353.34)` | Myoga Purple | black, 4.9 to 1 |
| 10 | `#e83483` | `oklch(62.59% 0.2204 359.81)` | Cerise Pink | black, 5.2 to 1 |
| 11 | `#ef3c77` | `oklch(64.08% 0.2164 6.47)` | Amor | black, 5.6 to 1 |
| 12 | `#f6456a` | `oklch(65.59% 0.2122 13.24)` | Fuchsia Felicity | black, 5.9 to 1 |
| 13 | `#fb4f5e` | `oklch(67.11% 0.2080 20.08)` | Watermelon | black, 6.3 to 1 |
| 14 | `#ff5950` | `oklch(68.63% 0.2028 26.91)` | Algerian Coral | black, 6.8 to 1 |
| 15 | `#ff6747` | `oklch(70.13% 0.1918 33.67)` | Bruschetta Tomato | black, 7.2 to 1 |
| 16 | `#ff733d` | `oklch(71.59% 0.1838 40.30)` | Crayola Orange | black, 7.7 to 1 |
| 17 | `#ff7d33` | `oklch(73.00% 0.1786 46.75)` | Beniukon Bronze | black, 8.2 to 1 |
| 18 | `#ff8727` | `oklch(74.35% 0.1758 52.93)` | Orange Avant-Garde | black, 8.7 to 1 |
| 19 | `#ff8f14` | `oklch(75.61% 0.1753 58.80)` | Laddu Orange | black, 9.2 to 1 |
| 20 | `#fe9800` | `oklch(76.78% 0.1733 64.27)` | Vitamin C | black, 9.6 to 1 |
| 21 | `#fba000` | `oklch(77.84% 0.1693 69.32)` | Pencil Me In | black, 10.1 to 1 |
| 22 | `#f8a700` | `oklch(78.77% 0.1671 73.86)` | Spectra Yellow | black, 10.4 to 1 |
| 23 | `#f6ad0a` | `oklch(79.56% 0.1645 77.85)` | Spicy Sweetcorn | black, 10.8 to 1 |
| 24 | `#f2b21b` | `oklch(80.19% 0.1605 81.19)` | Xanthous | black, 11.1 to 1 |
| 25 | `#efb627` | `oklch(80.66% 0.1566 83.84)` | Dent Corn | black, 11.3 to 1 |
| 26 | `#edb830` | `oklch(80.93% 0.1530 85.73)` | Lizard Breath | black, 11.4 to 1 |
| 27 | `#ebb937` | `oklch(81.01% 0.1495 86.80)` | Lizard Breath | black, 11.5 to 1 |
| 28 | `#e9b93c` | `oklch(80.87% 0.1462 86.99)` | Capital Yellow | black, 11.4 to 1 |
| 29 | `#e8b83f` | `oklch(80.49% 0.1432 86.24)` | Capital Yellow | black, 11.3 to 1 |
| 30 | `#e7b542` | `oklch(79.86% 0.1402 84.50)` | Australium Gold | black, 11 to 1 |
| 31 | `#e6b144` | `oklch(78.99% 0.1372 81.83)` | Aztec Glimmer | black, 10.7 to 1 |
| 32 | `#e6ac46` | `oklch(77.91% 0.1342 78.30)` | Lemon Essence | black, 10.3 to 1 |
| 33 | `#e4a548` | `oklch(76.61% 0.1313 73.98)` | Brass Mesh | black, 9.8 to 1 |
| 34 | `#e39e4a` | `oklch(75.14% 0.1284 68.94)` | Kikuchiba Gold | black, 9.2 to 1 |
| 35 | `#e0974e` | `oklch(73.49% 0.1256 63.25)` | Magic Melon | black, 8.6 to 1 |
| 36 | `#dd8f51` | `oklch(71.70% 0.1228 56.98)` | Jasper Orange | black, 8 to 1 |
| 37 | `#d98656` | `oklch(69.78% 0.1201 50.19)` | Copperhead | black, 7.5 to 1 |
| 38 | `#d37e5b` | `oklch(67.74% 0.1174 42.95)` | Copper Harbor | black, 6.9 to 1 |
| 39 | `#cd765f` | `oklch(65.61% 0.1147 35.34)` | Terra Orange | black, 6.3 to 1 |
| 40 | `#c56e64` | `oklch(63.40% 0.1121 27.41)` | Contessa | black, 5.7 to 1 |
| 41 | `#bc6769` | `oklch(61.13% 0.1096 19.25)` | Terra Rosa | black, 5.2 to 1 |
| 42 | `#b2606d` | `oklch(58.82% 0.1071 10.91)` | Cherry Kisses | black, 4.7 to 1 |
| 43 | `#a85a70` | `oklch(56.49% 0.1047 2.47)` | Splatter | white, 4.8 to 1 |
| 44 | `#9d5473` | `oklch(54.16% 0.1024 353.99)` | Pink Tulip | white, 5.3 to 1 |
| 45 | `#914f75` | `oklch(51.83% 0.1002 345.55)` | Sugar Plum | white, 5.8 to 1 |
| 46 | `#854b76` | `oklch(49.54% 0.0980 337.20)` | Graphic Grape | white, 6.4 to 1 |
| 47 | `#794776` | `oklch(47.30% 0.0959 329.03)` | Purple Passion | white, 7 to 1 |
| 48 | `#6d4375` | `oklch(45.12% 0.0939 321.10)` | Palace Purple | white, 7.7 to 1 |
| 49 | `#623f73` | `oklch(43.03% 0.0920 313.48)` | Heartless | white, 8.4 to 1 |
| 50 | `#573c71` | `oklch(41.04% 0.0902 306.23)` | Honey Flower | white, 9.1 to 1 |
| 51 | `#4d396e` | `oklch(39.17% 0.0884 299.43)` | Succinct Violet | white, 9.8 to 1 |
| 52 | `#43376a` | `oklch(37.45% 0.0868 293.14)` | American Blue | white, 10.5 to 1 |
| 53 | `#3b3467` | `oklch(35.87% 0.0853 287.43)` | Minsk | white, 11.2 to 1 |
| 54 | `#333263` | `oklch(34.48% 0.0838 282.38)` | Deep Koamaru | white, 11.8 to 1 |
| 55 | `#2d3060` | `oklch(33.28% 0.0825 278.04)` | Galaxea | white, 12.3 to 1 |
| 56 | `#282f5c` | `oklch(32.28% 0.0813 274.49)` | Galaxea | white, 12.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9f15c8 0.0%, #a417c5 1.8%, #ab19c0 3.6%, #b31bba 5.5%, #bb1eb3 7.3%, #c421ab 9.1%, #cd24a3 10.9%, #d72899 12.7%, #e02e8e 14.5%, #e83483 16.4%, #ef3c77 18.2%, #f6456a 20.0%, #fb4f5e 21.8%, #ff5950 23.6%, #ff6747 25.5%, #ff733d 27.3%, #ff7d33 29.1%, #ff8727 30.9%, #ff8f14 32.7%, #fe9800 34.5%, #fba000 36.4%, #f8a700 38.2%, #f6ad0a 40.0%, #f2b21b 41.8%, #efb627 43.6%, #edb830 45.5%, #ebb937 47.3%, #e9b93c 49.1%, #e8b83f 50.9%, #e7b542 52.7%, #e6b144 54.5%, #e6ac46 56.4%, #e4a548 58.2%, #e39e4a 60.0%, #e0974e 61.8%, #dd8f51 63.6%, #d98656 65.5%, #d37e5b 67.3%, #cd765f 69.1%, #c56e64 70.9%, #bc6769 72.7%, #b2606d 74.5%, #a85a70 76.4%, #9d5473 78.2%, #914f75 80.0%, #854b76 81.8%, #794776 83.6%, #6d4375 85.5%, #623f73 87.3%, #573c71 89.1%, #4d396e 90.9%, #43376a 92.7%, #3b3467 94.5%, #333263 96.4%, #2d3060 98.2%, #282f5c 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.76% 0.2480 315.70) 0.0%, oklch(53.35% 0.2460 318.45) 1.8%, oklch(54.10% 0.2436 321.88) 3.6%, oklch(55.00% 0.2410 325.93) 5.5%, oklch(56.03% 0.2381 330.55) 7.3%, oklch(57.17% 0.2350 335.66) 9.1%, oklch(58.41% 0.2316 341.20) 10.9%, oklch(59.74% 0.2281 347.11) 12.7%, oklch(61.13% 0.2243 353.34) 14.5%, oklch(62.59% 0.2204 359.81) 16.4%, oklch(64.08% 0.2164 6.47) 18.2%, oklch(65.59% 0.2122 13.24) 20.0%, oklch(67.11% 0.2080 20.08) 21.8%, oklch(68.63% 0.2028 26.91) 23.6%, oklch(70.13% 0.1918 33.67) 25.5%, oklch(71.59% 0.1838 40.30) 27.3%, oklch(73.00% 0.1786 46.75) 29.1%, oklch(74.35% 0.1758 52.93) 30.9%, oklch(75.61% 0.1753 58.80) 32.7%, oklch(76.78% 0.1733 64.27) 34.5%, oklch(77.84% 0.1693 69.32) 36.4%, oklch(78.77% 0.1671 73.86) 38.2%, oklch(79.56% 0.1645 77.85) 40.0%, oklch(80.19% 0.1605 81.19) 41.8%, oklch(80.66% 0.1566 83.84) 43.6%, oklch(80.93% 0.1530 85.73) 45.5%, oklch(81.01% 0.1495 86.80) 47.3%, oklch(80.87% 0.1462 86.99) 49.1%, oklch(80.49% 0.1432 86.24) 50.9%, oklch(79.86% 0.1402 84.50) 52.7%, oklch(78.99% 0.1372 81.83) 54.5%, oklch(77.91% 0.1342 78.30) 56.4%, oklch(76.61% 0.1313 73.98) 58.2%, oklch(75.14% 0.1284 68.94) 60.0%, oklch(73.49% 0.1256 63.25) 61.8%, oklch(71.70% 0.1228 56.98) 63.6%, oklch(69.78% 0.1201 50.19) 65.5%, oklch(67.74% 0.1174 42.95) 67.3%, oklch(65.61% 0.1147 35.34) 69.1%, oklch(63.40% 0.1121 27.41) 70.9%, oklch(61.13% 0.1096 19.25) 72.7%, oklch(58.82% 0.1071 10.91) 74.5%, oklch(56.49% 0.1047 2.47) 76.4%, oklch(54.16% 0.1024 353.99) 78.2%, oklch(51.83% 0.1002 345.55) 80.0%, oklch(49.54% 0.0980 337.20) 81.8%, oklch(47.30% 0.0959 329.03) 83.6%, oklch(45.12% 0.0939 321.10) 85.5%, oklch(43.03% 0.0920 313.48) 87.3%, oklch(41.04% 0.0902 306.23) 89.1%, oklch(39.17% 0.0884 299.43) 90.9%, oklch(37.45% 0.0868 293.14) 92.7%, oklch(35.87% 0.0853 287.43) 94.5%, oklch(34.48% 0.0838 282.38) 96.4%, oklch(33.28% 0.0825 278.04) 98.2%, oklch(32.28% 0.0813 274.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.248 | 315.7 |
| 2 | 0.807 | 0.145 | 446.7 |
| 3 | 0.323 | 0.081 | 274.5 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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