# Saffron violet festival beam

Vivid magenta, orange, pink and purple linear gradient with 64 colors: #c9226e, #ce296a, #d53164, #dd3b5c, #e54753, #ec5548, #f2633d, #f77231, #fa8126, #fc901e, #fd9e1e, #fcab24, #fcb62e, #fbbf38, #fac540, #fac944, #fbc945, #fcc642, #ffc13c, #ffb93e, #ffaf41, #ffa441, #ff9642, #ff8743, #ff7547, #fc6451, #f5555f, #eb486d, #e13e7a, #d63686, #cb3090, #c02e98, #b82e9f, #af2fa6, #a833ac, #a037b2, #993bb7, #9240bb, #8c45be, #864ac1, #814fc2, #7c53c3, #7856c3, #7459c2, #705bc0, #6d5cbe, #6b5cbb, #685bb7, #6659b3, #6555ae, #6451a8, #634ca1, #63469a, #634092, #623989, #613280, #602b77, #5f256e, #5d1e65, #5c175c, #5a1154, #580a4d, #560447, #550143. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid magenta, orange, pink and purple linear gradient
- Seed: `kWjZUAbTfKUdMMxDMrnJq_GI`
- Page: https://grabient.com/kWjZUAbTfKUdMMxDMrnJq_GI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9.2 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 | `#c9226e` | `oklch(55.51% 0.2053 0.00)` | Sensitive Scorpion | white, 5.3 to 1 |
| 2 | `#ce296a` | `oklch(56.71% 0.2032 3.50)` | Self-Love | white, 5 to 1 |
| 3 | `#d53164` | `oklch(58.32% 0.2004 8.28)` | Raspberry Sorbet | white, 4.7 to 1 |
| 4 | `#dd3b5c` | `oklch(60.28% 0.1970 14.12)` | Teaberry | black, 4.8 to 1 |
| 5 | `#e54753` | `oklch(62.52% 0.1931 20.81)` | Thimbleberry | black, 5.3 to 1 |
| 6 | `#ec5548` | `oklch(64.97% 0.1888 28.12)` | Strawberry Avalanche | black, 5.9 to 1 |
| 7 | `#f2633d` | `oklch(67.55% 0.1843 35.84)` | Firecracker | black, 6.6 to 1 |
| 8 | `#f77231` | `oklch(70.21% 0.1797 43.75)` | Sea Nettle | black, 7.4 to 1 |
| 9 | `#fa8126` | `oklch(72.87% 0.1750 51.63)` | Summer Citrus | black, 8.2 to 1 |
| 10 | `#fc901e` | `oklch(75.46% 0.1705 59.27)` | Laddu Orange | black, 9.1 to 1 |
| 11 | `#fd9e1e` | `oklch(77.91% 0.1663 66.44)` | Radiant Yellow | black, 10.1 to 1 |
| 12 | `#fcab24` | `oklch(80.15% 0.1624 72.93)` | Averland Sunset | black, 11 to 1 |
| 13 | `#fcb62e` | `oklch(82.12% 0.1590 78.52)` | Glowing Lantern | black, 11.8 to 1 |
| 14 | `#fbbf38` | `oklch(83.73% 0.1563 82.98)` | Vibrant Honey | black, 12.5 to 1 |
| 15 | `#fac540` | `oklch(84.94% 0.1543 86.11)` | Pyrite | black, 13.1 to 1 |
| 16 | `#fac944` | `oklch(85.65% 0.1532 87.68)` | Sunny Mood | black, 13.4 to 1 |
| 17 | `#fbc945` | `oklch(85.81% 0.1530 87.49)` | Sunny Festival | black, 13.5 to 1 |
| 18 | `#fcc642` | `oklch(85.40% 0.1541 85.52)` | Pyrite | black, 13.3 to 1 |
| 19 | `#ffc13c` | `oklch(84.48% 0.1564 81.98)` | Not Yo Cheese | black, 12.8 to 1 |
| 20 | `#ffb93e` | `oklch(83.11% 0.1538 77.06)` | Just Ducky | black, 12.2 to 1 |
| 21 | `#ffaf41` | `oklch(81.37% 0.1521 70.97)` | Mandarin Sorbet | black, 11.4 to 1 |
| 22 | `#ffa441` | `oklch(79.32% 0.1534 63.88)` | Radiation Carrot | black, 10.6 to 1 |
| 23 | `#ff9642` | `oklch(77.03% 0.1581 56.00)` | Absolute Apricot | black, 9.7 to 1 |
| 24 | `#ff8743` | `oklch(74.56% 0.1666 47.52)` | Orange Bell Pepper | black, 8.7 to 1 |
| 25 | `#ff7547` | `oklch(71.98% 0.1793 38.64)` | Precious Persimmon | black, 7.8 to 1 |
| 26 | `#fc6451` | `oklch(69.36% 0.1897 29.55)` | Rose Fusion | black, 7 to 1 |
| 27 | `#f5555f` | `oklch(66.76% 0.1948 20.45)` | Red Mana | black, 6.3 to 1 |
| 28 | `#eb486d` | `oklch(64.26% 0.1994 11.53)` | Radishical | black, 5.7 to 1 |
| 29 | `#e13e7a` | `oklch(61.91% 0.2033 2.99)` | Pickled Pink | black, 5.1 to 1 |
| 30 | `#d63686` | `oklch(59.79% 0.2064 355.02)` | Sensual Climax | black, 4.7 to 1 |
| 31 | `#cb3090` | `oklch(57.96% 0.2086 347.81)` | Royal Fuchsia | white, 4.8 to 1 |
| 32 | `#c02e98` | `oklch(56.49% 0.2095 341.57)` | Byzantine | white, 5.1 to 1 |
| 33 | `#b82e9f` | `oklch(55.42% 0.2091 336.32)` | Byzantine | white, 5.3 to 1 |
| 34 | `#af2fa6` | `oklch(54.64% 0.2074 331.28)` | Vivid Fuchsia | white, 5.5 to 1 |
| 35 | `#a833ac` | `oklch(54.11% 0.2048 326.33)` | Purple Tone Ink | white, 5.6 to 1 |
| 36 | `#a037b2` | `oklch(53.78% 0.2012 321.51)` | Akebi Purple | white, 5.7 to 1 |
| 37 | `#993bb7` | `oklch(53.62% 0.1968 316.86)` | Akebi Purple | white, 5.7 to 1 |
| 38 | `#9240bb` | `oklch(53.59% 0.1918 312.41)` | Akebi Purple | white, 5.6 to 1 |
| 39 | `#8c45be` | `oklch(53.67% 0.1864 308.20)` | Harley Hair Purple | white, 5.6 to 1 |
| 40 | `#864ac1` | `oklch(53.80% 0.1806 304.27)` | Harley Hair Purple | white, 5.5 to 1 |
| 41 | `#814fc2` | `oklch(53.97% 0.1746 300.64)` | Fuchsia Blue | white, 5.4 to 1 |
| 42 | `#7c53c3` | `oklch(54.13% 0.1686 297.37)` | Fuchsia Blue | white, 5.4 to 1 |
| 43 | `#7856c3` | `oklch(54.24% 0.1627 294.48)` | Fuchsia Blue | white, 5.3 to 1 |
| 44 | `#7459c2` | `oklch(54.28% 0.1570 292.01)` | Fuchsia Blue | white, 5.3 to 1 |
| 45 | `#705bc0` | `oklch(54.21% 0.1518 290.01)` | Fuchsia Blue | white, 5.3 to 1 |
| 46 | `#6d5cbe` | `oklch(53.98% 0.1471 288.49)` | Blue Marguerite | white, 5.3 to 1 |
| 47 | `#6b5cbb` | `oklch(53.58% 0.1430 287.51)` | Blue Marguerite | white, 5.4 to 1 |
| 48 | `#685bb7` | `oklch(52.95% 0.1398 287.09)` | Blue Marguerite | white, 5.5 to 1 |
| 49 | `#6659b3` | `oklch(52.08% 0.1374 287.40)` | Blue Marguerite | white, 5.7 to 1 |
| 50 | `#6555ae` | `oklch(50.99% 0.1355 288.65)` | Blue Marguerite | white, 6 to 1 |
| 51 | `#6451a8` | `oklch(49.70% 0.1339 290.75)` | Ultrapurple Merge | white, 6.3 to 1 |
| 52 | `#634ca1` | `oklch(48.26% 0.1327 293.58)` | Ultrapurple Merge | white, 6.8 to 1 |
| 53 | `#63469a` | `oklch(46.69% 0.1319 297.00)` | Sweet Flag | white, 7.3 to 1 |
| 54 | `#634092` | `oklch(45.03% 0.1312 300.91)` | Sweet Flag | white, 7.8 to 1 |
| 55 | `#623989` | `oklch(43.31% 0.1309 305.18)` | Violet Magician | white, 8.5 to 1 |
| 56 | `#613280` | `oklch(41.56% 0.1307 309.69)` | Deep Amethyst | white, 9.1 to 1 |
| 57 | `#602b77` | `oklch(39.81% 0.1306 314.32)` | Berry Blackmail | white, 9.9 to 1 |
| 58 | `#5f256e` | `oklch(38.09% 0.1307 318.95)` | Violethargic | white, 10.6 to 1 |
| 59 | `#5d1e65` | `oklch(36.44% 0.1308 323.46)` | Elegant Purple Gown | white, 11.4 to 1 |
| 60 | `#5c175c` | `oklch(34.89% 0.1309 327.72)` | Purple Velour | white, 12.1 to 1 |
| 61 | `#5a1154` | `oklch(33.47% 0.1311 331.62)` | Grape Purple | white, 12.8 to 1 |
| 62 | `#580a4d` | `oklch(32.21% 0.1311 335.03)` | Cosmic Explorer | white, 13.4 to 1 |
| 63 | `#560447` | `oklch(31.15% 0.1311 337.84)` | Royal Ash | white, 13.9 to 1 |
| 64 | `#550143` | `oklch(30.31% 0.1309 339.92)` | Royal Ash | white, 14.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c9226e 0.0%, #ce296a 1.6%, #d53164 3.2%, #dd3b5c 4.8%, #e54753 6.3%, #ec5548 7.9%, #f2633d 9.5%, #f77231 11.1%, #fa8126 12.7%, #fc901e 14.3%, #fd9e1e 15.9%, #fcab24 17.5%, #fcb62e 19.0%, #fbbf38 20.6%, #fac540 22.2%, #fac944 23.8%, #fbc945 25.4%, #fcc642 27.0%, #ffc13c 28.6%, #ffb93e 30.2%, #ffaf41 31.7%, #ffa441 33.3%, #ff9642 34.9%, #ff8743 36.5%, #ff7547 38.1%, #fc6451 39.7%, #f5555f 41.3%, #eb486d 42.9%, #e13e7a 44.4%, #d63686 46.0%, #cb3090 47.6%, #c02e98 49.2%, #b82e9f 50.8%, #af2fa6 52.4%, #a833ac 54.0%, #a037b2 55.6%, #993bb7 57.1%, #9240bb 58.7%, #8c45be 60.3%, #864ac1 61.9%, #814fc2 63.5%, #7c53c3 65.1%, #7856c3 66.7%, #7459c2 68.3%, #705bc0 69.8%, #6d5cbe 71.4%, #6b5cbb 73.0%, #685bb7 74.6%, #6659b3 76.2%, #6555ae 77.8%, #6451a8 79.4%, #634ca1 81.0%, #63469a 82.5%, #634092 84.1%, #623989 85.7%, #613280 87.3%, #602b77 88.9%, #5f256e 90.5%, #5d1e65 92.1%, #5c175c 93.7%, #5a1154 95.2%, #580a4d 96.8%, #560447 98.4%, #550143 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.51% 0.2053 0.00) 0.0%, oklch(56.71% 0.2032 3.50) 1.6%, oklch(58.32% 0.2004 8.28) 3.2%, oklch(60.28% 0.1970 14.12) 4.8%, oklch(62.52% 0.1931 20.81) 6.3%, oklch(64.97% 0.1888 28.12) 7.9%, oklch(67.55% 0.1843 35.84) 9.5%, oklch(70.21% 0.1797 43.75) 11.1%, oklch(72.87% 0.1750 51.63) 12.7%, oklch(75.46% 0.1705 59.27) 14.3%, oklch(77.91% 0.1663 66.44) 15.9%, oklch(80.15% 0.1624 72.93) 17.5%, oklch(82.12% 0.1590 78.52) 19.0%, oklch(83.73% 0.1563 82.98) 20.6%, oklch(84.94% 0.1543 86.11) 22.2%, oklch(85.65% 0.1532 87.68) 23.8%, oklch(85.81% 0.1530 87.49) 25.4%, oklch(85.40% 0.1541 85.52) 27.0%, oklch(84.48% 0.1564 81.98) 28.6%, oklch(83.11% 0.1538 77.06) 30.2%, oklch(81.37% 0.1521 70.97) 31.7%, oklch(79.32% 0.1534 63.88) 33.3%, oklch(77.03% 0.1581 56.00) 34.9%, oklch(74.56% 0.1666 47.52) 36.5%, oklch(71.98% 0.1793 38.64) 38.1%, oklch(69.36% 0.1897 29.55) 39.7%, oklch(66.76% 0.1948 20.45) 41.3%, oklch(64.26% 0.1994 11.53) 42.9%, oklch(61.91% 0.2033 2.99) 44.4%, oklch(59.79% 0.2064 355.02) 46.0%, oklch(57.96% 0.2086 347.81) 47.6%, oklch(56.49% 0.2095 341.57) 49.2%, oklch(55.42% 0.2091 336.32) 50.8%, oklch(54.64% 0.2074 331.28) 52.4%, oklch(54.11% 0.2048 326.33) 54.0%, oklch(53.78% 0.2012 321.51) 55.6%, oklch(53.62% 0.1968 316.86) 57.1%, oklch(53.59% 0.1918 312.41) 58.7%, oklch(53.67% 0.1864 308.20) 60.3%, oklch(53.80% 0.1806 304.27) 61.9%, oklch(53.97% 0.1746 300.64) 63.5%, oklch(54.13% 0.1686 297.37) 65.1%, oklch(54.24% 0.1627 294.48) 66.7%, oklch(54.28% 0.1570 292.01) 68.3%, oklch(54.21% 0.1518 290.01) 69.8%, oklch(53.98% 0.1471 288.49) 71.4%, oklch(53.58% 0.1430 287.51) 73.0%, oklch(52.95% 0.1398 287.09) 74.6%, oklch(52.08% 0.1374 287.40) 76.2%, oklch(50.99% 0.1355 288.65) 77.8%, oklch(49.70% 0.1339 290.75) 79.4%, oklch(48.26% 0.1327 293.58) 81.0%, oklch(46.69% 0.1319 297.00) 82.5%, oklch(45.03% 0.1312 300.91) 84.1%, oklch(43.31% 0.1309 305.18) 85.7%, oklch(41.56% 0.1307 309.69) 87.3%, oklch(39.81% 0.1306 314.32) 88.9%, oklch(38.09% 0.1307 318.95) 90.5%, oklch(36.44% 0.1308 323.46) 92.1%, oklch(34.89% 0.1309 327.72) 93.7%, oklch(33.47% 0.1311 331.62) 95.2%, oklch(32.21% 0.1311 335.03) 96.8%, oklch(31.15% 0.1311 337.84) 98.4%, oklch(30.31% 0.1309 339.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.205 | 0 |
| 2 | 0.858 | 0.153 | 87.7 |
| 3 | 0.559 | 0.209 | -21.1 |
| 4 | 0.528 | 0.139 | -72.9 |
| 5 | 0.303 | 0.131 | -20.1 |

## In these collections

- [Diwali gradients](https://grabient.com/diwali-gradients)

## Other forms

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