# Scarlet Electric Orbit

Vivid orange, purple, pink and blue linear gradient with 32 colors: #ef3e35, #f2472d, #f5551d, #f76500, #f67700, #f78400, #f98d00, #fc8e00, #ff881e, #ff7a40, #fe615d, #ee4c83, #d33fa9, #b039c8, #8d37db, #7136e4, #6635e6, #6f32e4, #842ede, #9d2ad1, #b727be, #cc26a9, #da2897, #df2b90, #dc2d97, #d130a8, #bf35bd, #a63cd2, #8843e2, #664aea, #4351ea, #1a56e7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid orange, purple, pink and blue linear gradient
- Seed: `kWoJwUX0DDUFYMLN0seQdK1Y`
- Page: https://grabient.com/kWoJwUX0DDUFYMLN0seQdK1Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#ef3e35` | `oklch(62.99% 0.2150 28.13)` | Chilled Chilly | black, 5.4 to 1 |
| 2 | `#f2472d` | `oklch(64.19% 0.2112 31.55)` | Chinese Goldfish | black, 5.7 to 1 |
| 3 | `#f5551d` | `oklch(66.08% 0.2055 37.35)` | Tomato Concassé | black, 6.2 to 1 |
| 4 | `#f76500` | `oklch(68.33% 0.1977 44.31)` | Light My Fire | black, 6.8 to 1 |
| 5 | `#f67700` | `oklch(70.66% 0.1835 51.26)` | Liquid Lava | black, 7.5 to 1 |
| 6 | `#f78400` | `oklch(72.75% 0.1761 56.99)` | Atomic Orange | black, 8.2 to 1 |
| 7 | `#f98d00` | `oklch(74.30% 0.1738 60.29)` | Jú Huáng Tangerine | black, 8.7 to 1 |
| 8 | `#fc8e00` | `oklch(75.01% 0.1759 59.98)` | Princeton Orange | black, 9 to 1 |
| 9 | `#ff881e` | `oklch(74.56% 0.1770 54.78)` | Orange Avant-Garde | black, 8.8 to 1 |
| 10 | `#ff7a40` | `oklch(72.64% 0.1772 42.69)` | Precious Persimmon | black, 8.1 to 1 |
| 11 | `#fe615d` | `oklch(69.53% 0.1915 24.96)` | Pineapple Salmon | black, 7 to 1 |
| 12 | `#ee4c83` | `oklch(65.69% 0.2018 3.85)` | Hindu Lotus | black, 6 to 1 |
| 13 | `#d33fa9` | `oklch(61.56% 0.2130 341.63)` | Krameria | black, 5 to 1 |
| 14 | `#b039c8` | `oklch(57.57% 0.2239 320.56)` | Ultraviolet Berl | white, 4.9 to 1 |
| 15 | `#8d37db` | `oklch(54.18% 0.2335 302.89)` | Thick Purple | white, 5.6 to 1 |
| 16 | `#7136e4` | `oklch(51.83% 0.2404 290.90)` | Bluish Purple | white, 6.2 to 1 |
| 17 | `#6635e6` | `oklch(50.91% 0.2438 286.73)` | Burple | white, 6.5 to 1 |
| 18 | `#6f32e4` | `oklch(51.27% 0.2444 290.35)` | Burple | white, 6.4 to 1 |
| 19 | `#842ede` | `oklch(52.56% 0.2430 299.61)` | Thick Purple | white, 6.1 to 1 |
| 20 | `#9d2ad1` | `oklch(54.43% 0.2403 312.28)` | Purple Vanity | white, 5.6 to 1 |
| 21 | `#b727be` | `oklch(56.55% 0.2367 326.12)` | Fuchsia Flair | white, 5.1 to 1 |
| 22 | `#cc26a9` | `oklch(58.58% 0.2330 338.90)` | Perfectly Purple Place | white, 4.7 to 1 |
| 23 | `#da2897` | `oklch(60.17% 0.2298 348.38)` | Myoga Purple | black, 4.7 to 1 |
| 24 | `#df2b90` | `oklch(60.98% 0.2277 352.33)` | Myoga Purple | black, 4.8 to 1 |
| 25 | `#dc2d97` | `oklch(60.83% 0.2268 349.28)` | Myoga Purple | black, 4.8 to 1 |
| 26 | `#d130a8` | `oklch(60.01% 0.2263 340.77)` | Perfectly Purple Place | black, 4.7 to 1 |
| 27 | `#bf35bd` | `oklch(58.71% 0.2262 328.41)` | Pink Perennial | white, 4.7 to 1 |
| 28 | `#a63cd2` | `oklch(57.12% 0.2264 313.76)` | Purple Yam | white, 5 to 1 |
| 29 | `#8843e2` | `oklch(55.43% 0.2267 298.37)` | Thick Purple | white, 5.3 to 1 |
| 30 | `#664aea` | `oklch(53.82% 0.2270 283.82)` | Purplish Blue | white, 5.6 to 1 |
| 31 | `#4351ea` | `oklch(52.47% 0.2273 271.65)` | Qing Dynasty Dragon | white, 5.8 to 1 |
| 32 | `#1a56e7` | `oklch(51.57% 0.2274 263.43)` | Opulent Blue | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ef3e35 0.0%, #f2472d 3.2%, #f5551d 6.5%, #f76500 9.7%, #f67700 12.9%, #f78400 16.1%, #f98d00 19.4%, #fc8e00 22.6%, #ff881e 25.8%, #ff7a40 29.0%, #fe615d 32.3%, #ee4c83 35.5%, #d33fa9 38.7%, #b039c8 41.9%, #8d37db 45.2%, #7136e4 48.4%, #6635e6 51.6%, #6f32e4 54.8%, #842ede 58.1%, #9d2ad1 61.3%, #b727be 64.5%, #cc26a9 67.7%, #da2897 71.0%, #df2b90 74.2%, #dc2d97 77.4%, #d130a8 80.6%, #bf35bd 83.9%, #a63cd2 87.1%, #8843e2 90.3%, #664aea 93.5%, #4351ea 96.8%, #1a56e7 100.0%);
background: linear-gradient(135deg in oklch, oklch(62.99% 0.2150 28.13) 0.0%, oklch(64.19% 0.2112 31.55) 3.2%, oklch(66.08% 0.2055 37.35) 6.5%, oklch(68.33% 0.1977 44.31) 9.7%, oklch(70.66% 0.1835 51.26) 12.9%, oklch(72.75% 0.1761 56.99) 16.1%, oklch(74.30% 0.1738 60.29) 19.4%, oklch(75.01% 0.1759 59.98) 22.6%, oklch(74.56% 0.1770 54.78) 25.8%, oklch(72.64% 0.1772 42.69) 29.0%, oklch(69.53% 0.1915 24.96) 32.3%, oklch(65.69% 0.2018 3.85) 35.5%, oklch(61.56% 0.2130 341.63) 38.7%, oklch(57.57% 0.2239 320.56) 41.9%, oklch(54.18% 0.2335 302.89) 45.2%, oklch(51.83% 0.2404 290.90) 48.4%, oklch(50.91% 0.2438 286.73) 51.6%, oklch(51.27% 0.2444 290.35) 54.8%, oklch(52.56% 0.2430 299.61) 58.1%, oklch(54.43% 0.2403 312.28) 61.3%, oklch(56.55% 0.2367 326.12) 64.5%, oklch(58.58% 0.2330 338.90) 67.7%, oklch(60.17% 0.2298 348.38) 71.0%, oklch(60.98% 0.2277 352.33) 74.2%, oklch(60.83% 0.2268 349.28) 77.4%, oklch(60.01% 0.2263 340.77) 80.6%, oklch(58.71% 0.2262 328.41) 83.9%, oklch(57.12% 0.2264 313.76) 87.1%, oklch(55.43% 0.2267 298.37) 90.3%, oklch(53.82% 0.2270 283.82) 93.5%, oklch(52.47% 0.2273 271.65) 96.8%, oklch(51.57% 0.2274 263.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.215 | 28.1 |
| 2 | 0.748 | 0.178 | 56.7 |
| 3 | 0.512 | 0.243 | -72.3 |
| 4 | 0.61 | 0.227 | -7.8 |
| 5 | 0.516 | 0.227 | -96.6 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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