# Orange cyan violet beam

Rainbow from orange to purple linear gradient with 64 colors: #e97800, #e17f00, #d98500, #d18b00, #c89200, #be9800, #b29e00, #a4a520, #93aa3c, #80af52, #6db367, #58b67a, #43b78c, #2eb79c, #16b6ab, #00b4b9, #00b1c5, #12add0, #2ba7db, #43a0e4, #5a97eb, #718dee, #8681ed, #9975e6, #ab69db, #bb5dca, #c851b6, #d3459f, #db3b87, #e1326e, #e42b56, #e6293e, #e62c24, #e43400, #dd4600, #d85100, #d75800, #d75e00, #d86200, #db6500, #de6800, #e26900, #e66a00, #e96b09, #ea6d1f, #ea6e2c, #e96e35, #e86d3c, #e76a42, #e46648, #e1614f, #dc5b57, #d7545e, #d04e66, #c8486e, #bf4276, #b53d7d, #ab3983, #a03589, #96328e, #8c2f92, #832d95, #7b2c97, #752b98. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from orange to purple linear gradient
- Seed: `kWr3wnWKvR0xQVTVvEGuT-1g`
- Page: https://grabient.com/kWr3wnWKvR0xQVTVvEGuT-1g?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#e97800` | `oklch(68.90% 0.1709 54.84)` | Pumpkin Cat | black, 7.1 to 1 |
| 2 | `#e17f00` | `oklch(68.95% 0.1614 60.16)` | Sports Fan | black, 7.2 to 1 |
| 3 | `#d98500` | `oklch(69.03% 0.1531 66.50)` | Fleur de Sel Caramel | black, 7.3 to 1 |
| 4 | `#d18b00` | `oklch(69.16% 0.1467 73.76)` | End of Summer | black, 7.4 to 1 |
| 5 | `#c89200` | `oklch(69.30% 0.1428 81.84)` | Festering Brown | black, 7.5 to 1 |
| 6 | `#be9800` | `oklch(69.46% 0.1420 90.65)` | Hidden Tribe | black, 7.6 to 1 |
| 7 | `#b29e00` | `oklch(69.62% 0.1448 100.09)` | Kalliene Yellow | black, 7.8 to 1 |
| 8 | `#a4a520` | `oklch(69.78% 0.1434 110.08)` | Fistfull of Green | black, 7.9 to 1 |
| 9 | `#93aa3c` | `oklch(69.92% 0.1385 120.50)` | Beautiful Mint | black, 8 to 1 |
| 10 | `#80af52` | `oklch(70.05% 0.1338 131.27)` | Lost Golfer | black, 8.2 to 1 |
| 11 | `#6db367` | `oklch(70.15% 0.1295 142.30)` | Boring Green | black, 8.2 to 1 |
| 12 | `#58b67a` | `oklch(70.20% 0.1257 153.49)` | Ming Green | black, 8.3 to 1 |
| 13 | `#43b78c` | `oklch(70.22% 0.1226 164.74)` | Mint | black, 8.3 to 1 |
| 14 | `#2eb79c` | `oklch(70.17% 0.1204 175.98)` | Aare River | black, 8.3 to 1 |
| 15 | `#16b6ab` | `oklch(70.06% 0.1192 187.09)` | Glass Jar Blue | black, 8.3 to 1 |
| 16 | `#00b4b9` | `oklch(69.88% 0.1189 197.99)` | Cyan Sky | black, 8.2 to 1 |
| 17 | `#00b1c5` | `oklch(69.61% 0.1199 208.62)` | Antigua Blue | black, 8 to 1 |
| 18 | `#12add0` | `oklch(69.21% 0.1232 219.74)` | Hú Lán Blue | black, 7.9 to 1 |
| 19 | `#2ba7db` | `oklch(68.69% 0.1277 231.57)` | Malibu Blue | black, 7.6 to 1 |
| 20 | `#43a0e4` | `oklch(68.05% 0.1334 243.96)` | Perfect Days | black, 7.3 to 1 |
| 21 | `#5a97eb` | `oklch(67.33% 0.1403 256.77)` | Guilliman Blue | black, 7 to 1 |
| 22 | `#718dee` | `oklch(66.55% 0.1480 269.83)` | Soft Blue | black, 6.7 to 1 |
| 23 | `#8681ed` | `oklch(65.72% 0.1563 283.02)` | Lavender Blue Shadow | black, 6.3 to 1 |
| 24 | `#9975e6` | `oklch(64.88% 0.1649 296.17)` | Matt Purple | black, 6 to 1 |
| 25 | `#ab69db` | `oklch(64.03% 0.1737 309.14)` | Violet Voltage | black, 5.7 to 1 |
| 26 | `#bb5dca` | `oklch(63.20% 0.1825 321.77)` | Love Priestess | black, 5.5 to 1 |
| 27 | `#c851b6` | `oklch(62.42% 0.1908 333.93)` | Zǐ Sè Purple | black, 5.3 to 1 |
| 28 | `#d3459f` | `oklch(61.70% 0.1987 345.46)` | Lustful Wishes | black, 5.1 to 1 |
| 29 | `#db3b87` | `oklch(61.07% 0.2057 356.22)` | Sensual Climax | black, 4.9 to 1 |
| 30 | `#e1326e` | `oklch(60.54% 0.2116 6.05)` | Razzmatazz Lips | black, 4.8 to 1 |
| 31 | `#e42b56` | `oklch(60.15% 0.2163 14.81)` | Manganese Red | black, 4.7 to 1 |
| 32 | `#e6293e` | `oklch(59.90% 0.2195 22.34)` | Alizarin | black, 4.7 to 1 |
| 33 | `#e62c24` | `oklch(59.84% 0.2210 28.58)` | Ceremonial Red Ribbon | black, 4.7 to 1 |
| 34 | `#e43400` | `oklch(60.00% 0.2167 33.84)` | Vulcan Fire | black, 4.8 to 1 |
| 35 | `#dd4600` | `oklch(60.37% 0.1965 38.28)` | Macharius Solar Orange | black, 4.9 to 1 |
| 36 | `#d85100` | `oklch(60.92% 0.1841 41.92)` | Deep Orange | black, 5.1 to 1 |
| 37 | `#d75800` | `oklch(61.59% 0.1767 44.81)` | Exuberance | black, 5.2 to 1 |
| 38 | `#d75e00` | `oklch(62.36% 0.1725 47.01)` | Exuberance | black, 5.4 to 1 |
| 39 | `#d86200` | `oklch(63.19% 0.1707 48.55)` | Ancient Bamboo | black, 5.6 to 1 |
| 40 | `#db6500` | `oklch(64.05% 0.1706 49.49)` | Orange Danger | black, 5.8 to 1 |
| 41 | `#de6800` | `oklch(64.90% 0.1719 49.87)` | Orange Danger | black, 6 to 1 |
| 42 | `#e26900` | `oklch(65.69% 0.1743 49.74)` | Brihaspati Orange | black, 6.2 to 1 |
| 43 | `#e66a00` | `oklch(66.40% 0.1777 49.15)` | Accent Orange | black, 6.4 to 1 |
| 44 | `#e96b09` | `oklch(67.00% 0.1797 48.16)` | Epicurean Orange | black, 6.5 to 1 |
| 45 | `#ea6d1f` | `oklch(67.43% 0.1752 46.80)` | Epicurean Orange | black, 6.6 to 1 |
| 46 | `#ea6e2c` | `oklch(67.67% 0.1712 45.11)` | Lava Lamp | black, 6.7 to 1 |
| 47 | `#e96e35` | `oklch(67.69% 0.1680 43.15)` | Lava Lamp | black, 6.7 to 1 |
| 48 | `#e86d3c` | `oklch(67.43% 0.1658 40.98)` | Celosia Orange | black, 6.6 to 1 |
| 49 | `#e76a42` | `oklch(66.88% 0.1644 38.34)` | Emergency Zone | black, 6.5 to 1 |
| 50 | `#e46648` | `oklch(66.02% 0.1636 34.67)` | Heirloom Blush | black, 6.3 to 1 |
| 51 | `#e1614f` | `oklch(64.90% 0.1633 30.08)` | Flamingo | black, 6 to 1 |
| 52 | `#dc5b57` | `oklch(63.56% 0.1634 24.71)` | Bricks of Hope | black, 5.6 to 1 |
| 53 | `#d7545e` | `oklch(62.04% 0.1638 18.70)` | Spiced Coral | black, 5.3 to 1 |
| 54 | `#d04e66` | `oklch(60.38% 0.1645 12.21)` | Cabaret | black, 4.9 to 1 |
| 55 | `#c8486e` | `oklch(58.62% 0.1655 5.38)` | Royal Banner | black, 4.6 to 1 |
| 56 | `#bf4276` | `oklch(56.80% 0.1666 358.36)` | Lilac Rose | white, 4.9 to 1 |
| 57 | `#b53d7d` | `oklch(54.96% 0.1678 351.28)` | Fuchsia Red | white, 5.3 to 1 |
| 58 | `#ab3983` | `oklch(53.14% 0.1691 344.31)` | Wild Aster | white, 5.7 to 1 |
| 59 | `#a03589` | `oklch(51.38% 0.1704 337.58)` | Wild Aster | white, 6.2 to 1 |
| 60 | `#96328e` | `oklch(49.72% 0.1717 331.23)` | Warm Purple | white, 6.6 to 1 |
| 61 | `#8c2f92` | `oklch(48.20% 0.1728 325.43)` | Leviathan Purple | white, 7.1 to 1 |
| 62 | `#832d95` | `oklch(46.86% 0.1738 320.31)` | Druchii Violet | white, 7.5 to 1 |
| 63 | `#7b2c97` | `oklch(45.74% 0.1745 316.01)` | Skeletor’s Cape | white, 7.9 to 1 |
| 64 | `#752b98` | `oklch(44.88% 0.1750 312.69)` | Orb of Discord | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e97800 0.0%, #e17f00 1.6%, #d98500 3.2%, #d18b00 4.8%, #c89200 6.3%, #be9800 7.9%, #b29e00 9.5%, #a4a520 11.1%, #93aa3c 12.7%, #80af52 14.3%, #6db367 15.9%, #58b67a 17.5%, #43b78c 19.0%, #2eb79c 20.6%, #16b6ab 22.2%, #00b4b9 23.8%, #00b1c5 25.4%, #12add0 27.0%, #2ba7db 28.6%, #43a0e4 30.2%, #5a97eb 31.7%, #718dee 33.3%, #8681ed 34.9%, #9975e6 36.5%, #ab69db 38.1%, #bb5dca 39.7%, #c851b6 41.3%, #d3459f 42.9%, #db3b87 44.4%, #e1326e 46.0%, #e42b56 47.6%, #e6293e 49.2%, #e62c24 50.8%, #e43400 52.4%, #dd4600 54.0%, #d85100 55.6%, #d75800 57.1%, #d75e00 58.7%, #d86200 60.3%, #db6500 61.9%, #de6800 63.5%, #e26900 65.1%, #e66a00 66.7%, #e96b09 68.3%, #ea6d1f 69.8%, #ea6e2c 71.4%, #e96e35 73.0%, #e86d3c 74.6%, #e76a42 76.2%, #e46648 77.8%, #e1614f 79.4%, #dc5b57 81.0%, #d7545e 82.5%, #d04e66 84.1%, #c8486e 85.7%, #bf4276 87.3%, #b53d7d 88.9%, #ab3983 90.5%, #a03589 92.1%, #96328e 93.7%, #8c2f92 95.2%, #832d95 96.8%, #7b2c97 98.4%, #752b98 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.1709 54.84) 0.0%, oklch(68.95% 0.1614 60.16) 1.6%, oklch(69.03% 0.1531 66.50) 3.2%, oklch(69.16% 0.1467 73.76) 4.8%, oklch(69.30% 0.1428 81.84) 6.3%, oklch(69.46% 0.1420 90.65) 7.9%, oklch(69.62% 0.1448 100.09) 9.5%, oklch(69.78% 0.1434 110.08) 11.1%, oklch(69.92% 0.1385 120.50) 12.7%, oklch(70.05% 0.1338 131.27) 14.3%, oklch(70.15% 0.1295 142.30) 15.9%, oklch(70.20% 0.1257 153.49) 17.5%, oklch(70.22% 0.1226 164.74) 19.0%, oklch(70.17% 0.1204 175.98) 20.6%, oklch(70.06% 0.1192 187.09) 22.2%, oklch(69.88% 0.1189 197.99) 23.8%, oklch(69.61% 0.1199 208.62) 25.4%, oklch(69.21% 0.1232 219.74) 27.0%, oklch(68.69% 0.1277 231.57) 28.6%, oklch(68.05% 0.1334 243.96) 30.2%, oklch(67.33% 0.1403 256.77) 31.7%, oklch(66.55% 0.1480 269.83) 33.3%, oklch(65.72% 0.1563 283.02) 34.9%, oklch(64.88% 0.1649 296.17) 36.5%, oklch(64.03% 0.1737 309.14) 38.1%, oklch(63.20% 0.1825 321.77) 39.7%, oklch(62.42% 0.1908 333.93) 41.3%, oklch(61.70% 0.1987 345.46) 42.9%, oklch(61.07% 0.2057 356.22) 44.4%, oklch(60.54% 0.2116 6.05) 46.0%, oklch(60.15% 0.2163 14.81) 47.6%, oklch(59.90% 0.2195 22.34) 49.2%, oklch(59.84% 0.2210 28.58) 50.8%, oklch(60.00% 0.2167 33.84) 52.4%, oklch(60.37% 0.1965 38.28) 54.0%, oklch(60.92% 0.1841 41.92) 55.6%, oklch(61.59% 0.1767 44.81) 57.1%, oklch(62.36% 0.1725 47.01) 58.7%, oklch(63.19% 0.1707 48.55) 60.3%, oklch(64.05% 0.1706 49.49) 61.9%, oklch(64.90% 0.1719 49.87) 63.5%, oklch(65.69% 0.1743 49.74) 65.1%, oklch(66.40% 0.1777 49.15) 66.7%, oklch(67.00% 0.1797 48.16) 68.3%, oklch(67.43% 0.1752 46.80) 69.8%, oklch(67.67% 0.1712 45.11) 71.4%, oklch(67.69% 0.1680 43.15) 73.0%, oklch(67.43% 0.1658 40.98) 74.6%, oklch(66.88% 0.1644 38.34) 76.2%, oklch(66.02% 0.1636 34.67) 77.8%, oklch(64.90% 0.1633 30.08) 79.4%, oklch(63.56% 0.1634 24.71) 81.0%, oklch(62.04% 0.1638 18.70) 82.5%, oklch(60.38% 0.1645 12.21) 84.1%, oklch(58.62% 0.1655 5.38) 85.7%, oklch(56.80% 0.1666 358.36) 87.3%, oklch(54.96% 0.1678 351.28) 88.9%, oklch(53.14% 0.1691 344.31) 90.5%, oklch(51.38% 0.1704 337.58) 92.1%, oklch(49.72% 0.1717 331.23) 93.7%, oklch(48.20% 0.1728 325.43) 95.2%, oklch(46.86% 0.1738 320.31) 96.8%, oklch(45.74% 0.1745 316.01) 98.4%, oklch(44.88% 0.1750 312.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.171 | 54.8 |
| 2 | 0.697 | 0.12 | 206 |
| 3 | 0.598 | 0.22 | 385.6 |
| 4 | 0.673 | 0.165 | 400.4 |
| 5 | 0.449 | 0.175 | 312.7 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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