# Soft orange cyan rainbow

Rainbow from mustard to purple linear gradient with 32 colors: #c5ac31, #cba624, #d29f09, #d99700, #e08d00, #ea8000, #f17226, #f4674a, #f05f6c, #e45e8f, #cf63ae, #b26cc6, #9076d1, #6d80d0, #4989c5, #2890b4, #1197a2, #259e8f, #4ba57a, #74aa61, #9daa48, #c2a534, #e09c37, #f29050, #f6836e, #eb778c, #d46da6, #b567b7, #9163be, #6e60bc, #4d5db5, #305cad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from mustard to purple linear gradient
- Seed: `kWvWRFVkE3E4lrDetCwPjIuo`
- Page: https://grabient.com/kWvWRFVkE3E4lrDetCwPjIuo?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#c5ac31` | `oklch(74.41% 0.1378 97.03)` | Hippie Trail | black, 9.2 to 1 |
| 2 | `#cba624` | `oklch(73.87% 0.1420 91.69)` | Lemon Curry | black, 9 to 1 |
| 3 | `#d29f09` | `oklch(73.15% 0.1484 85.27)` | Lepton Gold | black, 8.7 to 1 |
| 4 | `#d99700` | `oklch(72.29% 0.1509 77.65)` | Orange Satisfaction | black, 8.3 to 1 |
| 5 | `#e08d00` | `oklch(71.33% 0.1558 68.75)` | Hotter Butter | black, 7.9 to 1 |
| 6 | `#ea8000` | `oklch(70.33% 0.1676 58.44)` | Bright Marigold | black, 7.5 to 1 |
| 7 | `#f17226` | `oklch(69.33% 0.1769 46.65)` | Orange Zest | black, 7.1 to 1 |
| 8 | `#f4674a` | `oklch(68.38% 0.1796 33.21)` | Sango Red | black, 6.8 to 1 |
| 9 | `#f05f6c` | `oklch(67.50% 0.1784 18.01)` | Dubarry | black, 6.5 to 1 |
| 10 | `#e45e8f` | `oklch(66.47% 0.1723 0.30)` | Carmine Rose | black, 6.2 to 1 |
| 11 | `#cf63ae` | `oklch(65.28% 0.1622 340.28)` | Pú Táo Zǐ Purple | black, 6 to 1 |
| 12 | `#b26cc6` | `oklch(64.06% 0.1497 318.54)` | Lavendless | black, 5.8 to 1 |
| 13 | `#9076d1` | `oklch(62.93% 0.1363 295.65)` | True V | black, 5.6 to 1 |
| 14 | `#6d80d0` | `oklch(62.01% 0.1234 272.21)` | Tanzine | black, 5.6 to 1 |
| 15 | `#4989c5` | `oklch(61.42% 0.1125 248.81)` | Casting Sea | black, 5.6 to 1 |
| 16 | `#2890b4` | `oklch(61.28% 0.1052 226.02)` | Navagio Bay | black, 5.7 to 1 |
| 17 | `#1197a2` | `oklch(61.79% 0.1027 204.18)` | Mediterranean Swirl | black, 5.9 to 1 |
| 18 | `#259e8f` | `oklch(63.30% 0.1045 182.25)` | On a Whim | black, 6.3 to 1 |
| 19 | `#4ba57a` | `oklch(65.54% 0.1093 160.13)` | Shamrock Green | black, 6.9 to 1 |
| 20 | `#74aa61` | `oklch(68.13% 0.1161 137.98)` | Ferntastic | black, 7.6 to 1 |
| 21 | `#9daa48` | `oklch(70.70% 0.1239 115.96)` | Ogryn Camo | black, 8.2 to 1 |
| 22 | `#c2a534` | `oklch(72.88% 0.1316 94.20)` | Hey Pesto | black, 8.7 to 1 |
| 23 | `#e09c37` | `oklch(74.29% 0.1382 72.86)` | Intense Yellow | black, 9 to 1 |
| 24 | `#f29050` | `oklch(74.56% 0.1426 52.10)` | Chinese Lantern | black, 8.9 to 1 |
| 25 | `#f6836e` | `oklch(73.35% 0.1445 31.41)` | Smoked Salmon | black, 8.3 to 1 |
| 26 | `#eb778c` | `oklch(70.74% 0.1450 9.70)` | So Charming | black, 7.5 to 1 |
| 27 | `#d46da6` | `oklch(67.14% 0.1445 347.70)` | Super Pink | black, 6.5 to 1 |
| 28 | `#b567b7` | `oklch(62.97% 0.1432 326.21)` | Lavendless | black, 5.5 to 1 |
| 29 | `#9163be` | `oklch(58.64% 0.1416 306.01)` | Lusty Lavender | black, 4.7 to 1 |
| 30 | `#6e60bc` | `oklch(54.56% 0.1399 287.91)` | Ultra Violet | white, 5.1 to 1 |
| 31 | `#4d5db5` | `oklch(51.15% 0.1386 272.70)` | Chinese Bellflower | white, 5.9 to 1 |
| 32 | `#305cad` | `oklch(48.82% 0.1378 261.18)` | Blasphemous Blue | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c5ac31 0.0%, #cba624 3.2%, #d29f09 6.5%, #d99700 9.7%, #e08d00 12.9%, #ea8000 16.1%, #f17226 19.4%, #f4674a 22.6%, #f05f6c 25.8%, #e45e8f 29.0%, #cf63ae 32.3%, #b26cc6 35.5%, #9076d1 38.7%, #6d80d0 41.9%, #4989c5 45.2%, #2890b4 48.4%, #1197a2 51.6%, #259e8f 54.8%, #4ba57a 58.1%, #74aa61 61.3%, #9daa48 64.5%, #c2a534 67.7%, #e09c37 71.0%, #f29050 74.2%, #f6836e 77.4%, #eb778c 80.6%, #d46da6 83.9%, #b567b7 87.1%, #9163be 90.3%, #6e60bc 93.5%, #4d5db5 96.8%, #305cad 100.0%);
background: linear-gradient(45deg in oklch, oklch(74.41% 0.1378 97.03) 0.0%, oklch(73.87% 0.1420 91.69) 3.2%, oklch(73.15% 0.1484 85.27) 6.5%, oklch(72.29% 0.1509 77.65) 9.7%, oklch(71.33% 0.1558 68.75) 12.9%, oklch(70.33% 0.1676 58.44) 16.1%, oklch(69.33% 0.1769 46.65) 19.4%, oklch(68.38% 0.1796 33.21) 22.6%, oklch(67.50% 0.1784 18.01) 25.8%, oklch(66.47% 0.1723 0.30) 29.0%, oklch(65.28% 0.1622 340.28) 32.3%, oklch(64.06% 0.1497 318.54) 35.5%, oklch(62.93% 0.1363 295.65) 38.7%, oklch(62.01% 0.1234 272.21) 41.9%, oklch(61.42% 0.1125 248.81) 45.2%, oklch(61.28% 0.1052 226.02) 48.4%, oklch(61.79% 0.1027 204.18) 51.6%, oklch(63.30% 0.1045 182.25) 54.8%, oklch(65.54% 0.1093 160.13) 58.1%, oklch(68.13% 0.1161 137.98) 61.3%, oklch(70.70% 0.1239 115.96) 64.5%, oklch(72.88% 0.1316 94.20) 67.7%, oklch(74.29% 0.1382 72.86) 71.0%, oklch(74.56% 0.1426 52.10) 74.2%, oklch(73.35% 0.1445 31.41) 77.4%, oklch(70.74% 0.1450 9.70) 80.6%, oklch(67.14% 0.1445 347.70) 83.9%, oklch(62.97% 0.1432 326.21) 87.1%, oklch(58.64% 0.1416 306.01) 90.3%, oklch(54.56% 0.1399 287.91) 93.5%, oklch(51.15% 0.1386 272.70) 96.8%, oklch(48.82% 0.1378 261.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.138 | 97 |
| 2 | 0.677 | 0.179 | 22 |
| 3 | 0.614 | 0.103 | -145 |
| 4 | 0.744 | 0.143 | -313 |
| 5 | 0.488 | 0.138 | -458.8 |

## In these collections

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

## Other forms

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