# Cyan coral violet diagonal

Rainbow from orange to navy linear gradient with 40 colors: #db933a, #df8c35, #e48231, #e97431, #ed6539, #ef5449, #ef435d, #eb3575, #e42e8f, #da31aa, #cf3cc4, #c24ddc, #b561f1, #a577ff, #9690ff, #8ba3ff, #82b4ff, #7ac2ff, #6dcffe, #6ed7f2, #6fdce4, #71dfd3, #7ae1be, #8adfa2, #a2d981, #becf5b, #d8bf31, #edac00, #fa9611, #fc813a, #f36e58, #df5d6f, #c0507f, #9d4584, #783b81, #553275, #372863, #1e1f51, #0b173f, #001232. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from orange to navy linear gradient
- Seed: `kWt2EwztS02mlMTcPixGBouo`
- Page: https://grabient.com/kWt2EwztS02mlMTcPixGBouo?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#db933a` | `oklch(72.05% 0.1337 68.20)` | Autumn Blaze | black, 8.2 to 1 |
| 2 | `#df8c35` | `oklch(71.27% 0.1408 62.59)` | Texas Longhorn | black, 7.9 to 1 |
| 3 | `#e48231` | `oklch(70.08% 0.1514 55.52)` | West Side | black, 7.5 to 1 |
| 4 | `#e97431` | `oklch(68.62% 0.1644 47.20)` | Lava Lamp | black, 7 to 1 |
| 5 | `#ed6539` | `oklch(67.01% 0.1787 37.85)` | Oranzhewyi Orange | black, 6.5 to 1 |
| 6 | `#ef5449` | `oklch(65.40% 0.1932 27.66)` | Amour | black, 6 to 1 |
| 7 | `#ef435d` | `oklch(63.92% 0.2070 16.84)` | Calypso Coral | black, 5.6 to 1 |
| 8 | `#eb3575` | `oklch(62.70% 0.2188 5.59)` | Amor | black, 5.2 to 1 |
| 9 | `#e42e8f` | `oklch(61.88% 0.2277 354.13)` | Pinkinity | black, 5 to 1 |
| 10 | `#da31aa` | `oklch(61.59% 0.2325 342.65)` | Melodramatic Magenta | black, 5 to 1 |
| 11 | `#cf3cc4` | `oklch(61.98% 0.2323 331.34)` | Steel Pink | black, 5 to 1 |
| 12 | `#c24ddc` | `oklch(63.23% 0.2259 319.95)` | Ultraviolet Onsible | black, 5.3 to 1 |
| 13 | `#b561f1` | `oklch(65.22% 0.2143 308.31)` | Queer Purple | black, 5.9 to 1 |
| 14 | `#a577ff` | `oklch(67.75% 0.1942 296.39)` | Purple Illusionist | black, 6.7 to 1 |
| 15 | `#9690ff` | `oklch(70.60% 0.1596 284.13)` | Cobalite | black, 7.7 to 1 |
| 16 | `#8ba3ff` | `oklch(73.59% 0.1360 271.52)` | Periwinkle Blue | black, 8.7 to 1 |
| 17 | `#82b4ff` | `oklch(76.49% 0.1207 258.52)` | Parakeet Blue | black, 9.9 to 1 |
| 18 | `#7ac2ff` | `oklch(79.11% 0.1134 245.09)` | Maya Blue | black, 11 to 1 |
| 19 | `#6dcffe` | `oklch(81.24% 0.1134 231.22)` | Skyan | black, 11.9 to 1 |
| 20 | `#6ed7f2` | `oklch(82.68% 0.1044 216.84)` | Heisenberg Blue | black, 12.6 to 1 |
| 21 | `#6fdce4` | `oklch(83.32% 0.1011 201.87)` | Deep Aquamarine | black, 13 to 1 |
| 22 | `#71dfd3` | `oklch(83.62% 0.1032 186.00)` | Hammam Blue | black, 13.2 to 1 |
| 23 | `#7ae1be` | `oklch(83.65% 0.1096 169.35)` | Āsmānī Sky | black, 13.2 to 1 |
| 24 | `#8adfa2` | `oklch(83.38% 0.1189 152.11)` | Jovial Jade | black, 13.1 to 1 |
| 25 | `#a2d981` | `oklch(82.76% 0.1300 134.49)` | Feijoa | black, 12.8 to 1 |
| 26 | `#becf5b` | `oklch(81.76% 0.1418 116.68)` | Lustre Green | black, 12.2 to 1 |
| 27 | `#d8bf31` | `oklch(80.34% 0.1530 98.89)` | Ghee Yellow | black, 11.4 to 1 |
| 28 | `#edac00` | `oklch(78.48% 0.1620 81.30)` | Welcoming Wasp | black, 10.4 to 1 |
| 29 | `#fa9611` | `oklch(76.12% 0.1688 64.13)` | Aromango | black, 9.4 to 1 |
| 30 | `#fc813a` | `oklch(73.25% 0.1711 47.57)` | Beniukon Bronze | black, 8.3 to 1 |
| 31 | `#f36e58` | `oklch(69.58% 0.1685 31.27)` | Royal Blush | black, 7.2 to 1 |
| 32 | `#df5d6f` | `oklch(64.72% 0.1619 14.23)` | Swiss Chard | black, 5.9 to 1 |
| 33 | `#c0507f` | `oklch(58.93% 0.1523 356.79)` | Fat Smooch | black, 4.6 to 1 |
| 34 | `#9d4584` | `oklch(52.54% 0.1404 339.36)` | Grape Riot | white, 5.8 to 1 |
| 35 | `#783b81` | `oklch(45.85% 0.1273 322.34)` | Amaranth Purple | white, 7.6 to 1 |
| 36 | `#553275` | `oklch(39.17% 0.1136 306.14)` | Prism Violet | white, 10 to 1 |
| 37 | `#372863` | `oklch(32.83% 0.1004 291.17)` | Paris M | white, 12.7 to 1 |
| 38 | `#1e1f51` | `oklch(27.13% 0.0884 277.84)` | Fly-by-Night | white, 15.3 to 1 |
| 39 | `#0b173f` | `oklch(22.38% 0.0785 266.55)` | Navy | white, 17.3 to 1 |
| 40 | `#001232` | `oklch(18.92% 0.0704 258.11)` | Squid’s Ink | white, 18.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #db933a 0.0%, #df8c35 2.6%, #e48231 5.1%, #e97431 7.7%, #ed6539 10.3%, #ef5449 12.8%, #ef435d 15.4%, #eb3575 17.9%, #e42e8f 20.5%, #da31aa 23.1%, #cf3cc4 25.6%, #c24ddc 28.2%, #b561f1 30.8%, #a577ff 33.3%, #9690ff 35.9%, #8ba3ff 38.5%, #82b4ff 41.0%, #7ac2ff 43.6%, #6dcffe 46.2%, #6ed7f2 48.7%, #6fdce4 51.3%, #71dfd3 53.8%, #7ae1be 56.4%, #8adfa2 59.0%, #a2d981 61.5%, #becf5b 64.1%, #d8bf31 66.7%, #edac00 69.2%, #fa9611 71.8%, #fc813a 74.4%, #f36e58 76.9%, #df5d6f 79.5%, #c0507f 82.1%, #9d4584 84.6%, #783b81 87.2%, #553275 89.7%, #372863 92.3%, #1e1f51 94.9%, #0b173f 97.4%, #001232 100.0%);
background: linear-gradient(45deg in oklch, oklch(72.05% 0.1337 68.20) 0.0%, oklch(71.27% 0.1408 62.59) 2.6%, oklch(70.08% 0.1514 55.52) 5.1%, oklch(68.62% 0.1644 47.20) 7.7%, oklch(67.01% 0.1787 37.85) 10.3%, oklch(65.40% 0.1932 27.66) 12.8%, oklch(63.92% 0.2070 16.84) 15.4%, oklch(62.70% 0.2188 5.59) 17.9%, oklch(61.88% 0.2277 354.13) 20.5%, oklch(61.59% 0.2325 342.65) 23.1%, oklch(61.98% 0.2323 331.34) 25.6%, oklch(63.23% 0.2259 319.95) 28.2%, oklch(65.22% 0.2143 308.31) 30.8%, oklch(67.75% 0.1942 296.39) 33.3%, oklch(70.60% 0.1596 284.13) 35.9%, oklch(73.59% 0.1360 271.52) 38.5%, oklch(76.49% 0.1207 258.52) 41.0%, oklch(79.11% 0.1134 245.09) 43.6%, oklch(81.24% 0.1134 231.22) 46.2%, oklch(82.68% 0.1044 216.84) 48.7%, oklch(83.32% 0.1011 201.87) 51.3%, oklch(83.62% 0.1032 186.00) 53.8%, oklch(83.65% 0.1096 169.35) 56.4%, oklch(83.38% 0.1189 152.11) 59.0%, oklch(82.76% 0.1300 134.49) 61.5%, oklch(81.76% 0.1418 116.68) 64.1%, oklch(80.34% 0.1530 98.89) 66.7%, oklch(78.48% 0.1620 81.30) 69.2%, oklch(76.12% 0.1688 64.13) 71.8%, oklch(73.25% 0.1711 47.57) 74.4%, oklch(69.58% 0.1685 31.27) 76.9%, oklch(64.72% 0.1619 14.23) 79.5%, oklch(58.93% 0.1523 356.79) 82.1%, oklch(52.54% 0.1404 339.36) 84.6%, oklch(45.85% 0.1273 322.34) 87.2%, oklch(39.17% 0.1136 306.14) 89.7%, oklch(32.83% 0.1004 291.17) 92.3%, oklch(27.13% 0.0884 277.84) 94.9%, oklch(22.38% 0.0785 266.55) 97.4%, oklch(18.92% 0.0704 258.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.134 | 68.2 |
| 2 | 0.618 | 0.233 | -25.8 |
| 3 | 0.831 | 0.102 | -150.5 |
| 4 | 0.724 | 0.171 | -316.5 |
| 5 | 0.189 | 0.072 | -462.3 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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