# Golden orange violet halo

Pink, blue, purple and orange linear gradient with 56 colors: #eaa179, #e89877, #e48a77, #de7b7a, #d36a80, #c45b8a, #b14e95, #9c439f, #853ba8, #7035ad, #5f30b0, #532eb2, #4d2db3, #4b2eb5, #4e30b7, #5433b9, #5d36bc, #683abd, #743ebe, #8242bd, #9045bb, #9d48b7, #a94ab1, #b54ca8, #c34d99, #cf5186, #d95671, #df6059, #e16c42, #df782c, #da851c, #d58f1a, #d29723, #d29b2f, #d79c3c, #de9c4d, #e69b61, #ec9a78, #ed9a8f, #eb9ca6, #e49eb9, #daa1c8, #cea3d1, #c3a4d5, #b8a2d5, #ad9cd2, #a193cd, #9488c6, #877bbd, #7b6db4, #6f5eaa, #654fa1, #5c4097, #54338f, #4d2788, #481d83. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, blue, purple and orange linear gradient
- Seed: `kYxEojt0axkjAxDcMU2Xxwv625Pw`
- Page: https://grabient.com/kYxEojt0axkjAxDcMU2Xxwv625Pw?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#eaa179` | `oklch(77.17% 0.1020 49.92)` | Mexican Standoff | black, 9.8 to 1 |
| 2 | `#e89877` | `oklch(75.18% 0.1073 42.85)` | Trumpet Flower | black, 9.1 to 1 |
| 3 | `#e48a77` | `oklch(72.43% 0.1146 33.09)` | Thundelarra | black, 8.2 to 1 |
| 4 | `#de7b7a` | `oklch(69.08% 0.1234 21.28)` | Babe | black, 7.1 to 1 |
| 5 | `#d36a80` | `oklch(65.34% 0.1333 8.05)` | Pinkish | black, 6.1 to 1 |
| 6 | `#c45b8a` | `oklch(61.38% 0.1438 354.03)` | Beauty Queen | black, 5.2 to 1 |
| 7 | `#b14e95` | `oklch(57.38% 0.1545 339.84)` | Safflower Purple | white, 4.7 to 1 |
| 8 | `#9c439f` | `oklch(53.54% 0.1649 326.11)` | Medium Purple | white, 5.6 to 1 |
| 9 | `#853ba8` | `oklch(50.02% 0.1745 313.47)` | Pleasant Purple | white, 6.5 to 1 |
| 10 | `#7035ad` | `oklch(47.02% 0.1829 302.55)` | Purple Pristine | white, 7.4 to 1 |
| 11 | `#5f30b0` | `oklch(44.72% 0.1896 293.98)` | Royalty | white, 8.2 to 1 |
| 12 | `#532eb2` | `oklch(43.31% 0.1943 288.40)` | Blue Violet | white, 8.7 to 1 |
| 13 | `#4d2db3` | `oklch(42.76% 0.1970 285.45)` | Blue Violet | white, 8.9 to 1 |
| 14 | `#4b2eb5` | `oklch(42.89% 0.1983 284.27)` | Blue Violet | white, 8.9 to 1 |
| 15 | `#4e30b7` | `oklch(43.59% 0.1983 284.69)` | Blue Violet | white, 8.6 to 1 |
| 16 | `#5433b9` | `oklch(44.74% 0.1974 286.53)` | Illustrious Indigo | white, 8.2 to 1 |
| 17 | `#5d36bc` | `oklch(46.26% 0.1956 289.61)` | Illustrious Indigo | white, 7.7 to 1 |
| 18 | `#683abd` | `oklch(48.03% 0.1932 293.76)` | Purple Emperor | white, 7.1 to 1 |
| 19 | `#743ebe` | `oklch(49.96% 0.1903 298.80)` | Purple Rain | white, 6.5 to 1 |
| 20 | `#8242bd` | `oklch(51.93% 0.1871 304.55)` | Harley Hair Purple | white, 6 to 1 |
| 21 | `#9045bb` | `oklch(53.84% 0.1838 310.84)` | Tyrian Shimmer | white, 5.5 to 1 |
| 22 | `#9d48b7` | `oklch(55.60% 0.1807 317.49)` | Fuchsia Pheromone | white, 5.1 to 1 |
| 23 | `#a94ab1` | `oklch(57.09% 0.1778 324.33)` | Fuchsia Pheromone | white, 4.8 to 1 |
| 24 | `#b54ca8` | `oklch(58.47% 0.1749 332.76)` | Ultraviolet Nusp | white, 4.6 to 1 |
| 25 | `#c34d99` | `oklch(59.96% 0.1718 343.83)` | Rose Violet | black, 4.8 to 1 |
| 26 | `#cf5186` | `oklch(61.51% 0.1684 356.80)` | Pretty in Plum | black, 5.1 to 1 |
| 27 | `#d95671` | `oklch(63.10% 0.1648 10.91)` | Kenny’s Kiss | black, 5.5 to 1 |
| 28 | `#df6059` | `oklch(64.69% 0.1610 25.44)` | Fiery Coral | black, 5.9 to 1 |
| 29 | `#e16c42` | `oklch(66.25% 0.1570 39.62)` | Emergency Zone | black, 6.4 to 1 |
| 30 | `#df782c` | `oklch(67.75% 0.1528 52.73)` | Clockwork Orange | black, 6.8 to 1 |
| 31 | `#da851c` | `oklch(69.15% 0.1485 64.02)` | Tangerine Haze | black, 7.3 to 1 |
| 32 | `#d58f1a` | `oklch(70.42% 0.1441 72.74)` | Vibrant Amber | black, 7.7 to 1 |
| 33 | `#d29723` | `oklch(71.53% 0.1396 78.15)` | Stone Ground | black, 8.1 to 1 |
| 34 | `#d29b2f` | `oklch(72.44% 0.1350 79.51)` | Roman Gold | black, 8.4 to 1 |
| 35 | `#d79c3c` | `oklch(73.30% 0.1298 76.14)` | Golden Hamster | black, 8.7 to 1 |
| 36 | `#de9c4d` | `oklch(74.22% 0.1236 68.43)` | Honeycomb Yellow | black, 8.9 to 1 |
| 37 | `#e69b61` | `oklch(75.14% 0.1166 57.23)` | Topaz Yellow | black, 9.2 to 1 |
| 38 | `#ec9a78` | `oklch(76.00% 0.1093 43.38)` | Light Amber Orange | black, 9.4 to 1 |
| 39 | `#ed9a8f` | `oklch(76.72% 0.1020 27.76)` | Coral Bead | black, 9.6 to 1 |
| 40 | `#eb9ca6` | `oklch(77.26% 0.0950 11.20)` | Strawberry Smoothie | black, 9.8 to 1 |
| 41 | `#e49eb9` | `oklch(77.53% 0.0887 354.56)` | Blushing Tulip | black, 9.9 to 1 |
| 42 | `#daa1c8` | `oklch(77.49% 0.0834 338.69)` | Pastel Lavender | black, 9.9 to 1 |
| 43 | `#cea3d1` | `oklch(77.07% 0.0795 324.45)` | Favourite Lavender | black, 9.8 to 1 |
| 44 | `#c3a4d5` | `oklch(76.19% 0.0773 312.68)` | Enchanted Lavender | black, 9.5 to 1 |
| 45 | `#b8a2d5` | `oklch(74.80% 0.0772 304.25)` | Purple Premiere | black, 9.1 to 1 |
| 46 | `#ad9cd2` | `oklch(72.67% 0.0796 298.74)` | Biloba Flower | black, 8.4 to 1 |
| 47 | `#a193cd` | `oklch(69.71% 0.0844 295.02)` | Distinct Purple | black, 7.5 to 1 |
| 48 | `#9488c6` | `oklch(66.10% 0.0912 292.81)` | Amethyst Grey | black, 6.5 to 1 |
| 49 | `#877bbd` | `oklch(62.03% 0.0994 291.83)` | Ube | black, 5.6 to 1 |
| 50 | `#7b6db4` | `oklch(57.69% 0.1087 291.82)` | Clear Mauve | black, 4.6 to 1 |
| 51 | `#6f5eaa` | `oklch(53.24% 0.1184 292.51)` | Simply Purple | white, 5.4 to 1 |
| 52 | `#654fa1` | `oklch(48.87% 0.1281 293.61)` | Ultrapurple Merge | white, 6.6 to 1 |
| 53 | `#5c4097` | `oklch(44.76% 0.1373 294.87)` | Daisy Bush | white, 7.9 to 1 |
| 54 | `#54338f` | `oklch(41.10% 0.1456 296.02)` | Blue Magenta Violet | white, 9.3 to 1 |
| 55 | `#4d2788` | `oklch(38.06% 0.1523 296.76)` | KSU Purple | white, 10.7 to 1 |
| 56 | `#481d83` | `oklch(35.83% 0.1571 296.85)` | Occult | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #eaa179 0.0%, #e89877 1.8%, #e48a77 3.6%, #de7b7a 5.5%, #d36a80 7.3%, #c45b8a 9.1%, #b14e95 10.9%, #9c439f 12.7%, #853ba8 14.5%, #7035ad 16.4%, #5f30b0 18.2%, #532eb2 20.0%, #4d2db3 21.8%, #4b2eb5 23.6%, #4e30b7 25.5%, #5433b9 27.3%, #5d36bc 29.1%, #683abd 30.9%, #743ebe 32.7%, #8242bd 34.5%, #9045bb 36.4%, #9d48b7 38.2%, #a94ab1 40.0%, #b54ca8 41.8%, #c34d99 43.6%, #cf5186 45.5%, #d95671 47.3%, #df6059 49.1%, #e16c42 50.9%, #df782c 52.7%, #da851c 54.5%, #d58f1a 56.4%, #d29723 58.2%, #d29b2f 60.0%, #d79c3c 61.8%, #de9c4d 63.6%, #e69b61 65.5%, #ec9a78 67.3%, #ed9a8f 69.1%, #eb9ca6 70.9%, #e49eb9 72.7%, #daa1c8 74.5%, #cea3d1 76.4%, #c3a4d5 78.2%, #b8a2d5 80.0%, #ad9cd2 81.8%, #a193cd 83.6%, #9488c6 85.5%, #877bbd 87.3%, #7b6db4 89.1%, #6f5eaa 90.9%, #654fa1 92.7%, #5c4097 94.5%, #54338f 96.4%, #4d2788 98.2%, #481d83 100.0%);
background: linear-gradient(135deg in oklch, oklch(77.17% 0.1020 49.92) 0.0%, oklch(75.18% 0.1073 42.85) 1.8%, oklch(72.43% 0.1146 33.09) 3.6%, oklch(69.08% 0.1234 21.28) 5.5%, oklch(65.34% 0.1333 8.05) 7.3%, oklch(61.38% 0.1438 354.03) 9.1%, oklch(57.38% 0.1545 339.84) 10.9%, oklch(53.54% 0.1649 326.11) 12.7%, oklch(50.02% 0.1745 313.47) 14.5%, oklch(47.02% 0.1829 302.55) 16.4%, oklch(44.72% 0.1896 293.98) 18.2%, oklch(43.31% 0.1943 288.40) 20.0%, oklch(42.76% 0.1970 285.45) 21.8%, oklch(42.89% 0.1983 284.27) 23.6%, oklch(43.59% 0.1983 284.69) 25.5%, oklch(44.74% 0.1974 286.53) 27.3%, oklch(46.26% 0.1956 289.61) 29.1%, oklch(48.03% 0.1932 293.76) 30.9%, oklch(49.96% 0.1903 298.80) 32.7%, oklch(51.93% 0.1871 304.55) 34.5%, oklch(53.84% 0.1838 310.84) 36.4%, oklch(55.60% 0.1807 317.49) 38.2%, oklch(57.09% 0.1778 324.33) 40.0%, oklch(58.47% 0.1749 332.76) 41.8%, oklch(59.96% 0.1718 343.83) 43.6%, oklch(61.51% 0.1684 356.80) 45.5%, oklch(63.10% 0.1648 10.91) 47.3%, oklch(64.69% 0.1610 25.44) 49.1%, oklch(66.25% 0.1570 39.62) 50.9%, oklch(67.75% 0.1528 52.73) 52.7%, oklch(69.15% 0.1485 64.02) 54.5%, oklch(70.42% 0.1441 72.74) 56.4%, oklch(71.53% 0.1396 78.15) 58.2%, oklch(72.44% 0.1350 79.51) 60.0%, oklch(73.30% 0.1298 76.14) 61.8%, oklch(74.22% 0.1236 68.43) 63.6%, oklch(75.14% 0.1166 57.23) 65.5%, oklch(76.00% 0.1093 43.38) 67.3%, oklch(76.72% 0.1020 27.76) 69.1%, oklch(77.26% 0.0950 11.20) 70.9%, oklch(77.53% 0.0887 354.56) 72.7%, oklch(77.49% 0.0834 338.69) 74.5%, oklch(77.07% 0.0795 324.45) 76.4%, oklch(76.19% 0.0773 312.68) 78.2%, oklch(74.80% 0.0772 304.25) 80.0%, oklch(72.67% 0.0796 298.74) 81.8%, oklch(69.71% 0.0844 295.02) 83.6%, oklch(66.10% 0.0912 292.81) 85.5%, oklch(62.03% 0.0994 291.83) 87.3%, oklch(57.69% 0.1087 291.82) 89.1%, oklch(53.24% 0.1184 292.51) 90.9%, oklch(48.87% 0.1281 293.61) 92.7%, oklch(44.76% 0.1373 294.87) 94.5%, oklch(41.10% 0.1456 296.02) 96.4%, oklch(38.06% 0.1523 296.76) 98.2%, oklch(35.83% 0.1571 296.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.102 | 49.9 |
| 2 | 0.433 | 0.194 | -71.6 |
| 3 | 0.571 | 0.178 | -35.7 |
| 4 | 0.724 | 0.135 | 79.5 |
| 5 | 0.748 | 0.077 | -55.8 |
| 6 | 0.358 | 0.157 | -63.2 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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