# Indigo ember horizon glow

Blue, purple, pink and tan linear gradient with 32 colors: #405691, #3d538d, #384f88, #324a81, #2b447a, #243f73, #1e396c, #1a3467, #173063, #172d62, #1b2b64, #222b6a, #2e2c74, #3c2d7f, #4f2e8b, #652e96, #7d2e9d, #972ea0, #b12c9d, #c92c94, #dd2e86, #ec3576, #f64261, #fc5349, #fc662f, #f77a13, #ee8c0b, #e39c24, #d8a93e, #cdb354, #c6bb66, #c1c073. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, purple, pink and tan linear gradient
- Seed: `kUdki-KCZAM9QSvkpExg`
- Page: https://grabient.com/kUdki-KCZAM9QSvkpExg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#405691` | `oklch(46.46% 0.0992 267.19)` | Demon Blue | white, 7 to 1 |
| 2 | `#3d538d` | `oklch(45.41% 0.0991 266.92)` | Demon Blue | white, 7.4 to 1 |
| 3 | `#384f88` | `oklch(43.81% 0.0983 266.09)` | Tory Blue | white, 7.9 to 1 |
| 4 | `#324a81` | `oklch(41.84% 0.0971 264.93)` | Coastal Surf | white, 8.6 to 1 |
| 5 | `#2b447a` | `oklch(39.66% 0.0959 263.68)` | Sodalite Blue | white, 9.4 to 1 |
| 6 | `#243f73` | `oklch(37.42% 0.0949 262.58)` | Blue Expanse | white, 10.3 to 1 |
| 7 | `#1e396c` | `oklch(35.31% 0.0943 261.88)` | Passionate Blue | white, 11.2 to 1 |
| 8 | `#1a3467` | `oklch(33.47% 0.0946 261.82)` | Passionate Blue | white, 12.1 to 1 |
| 9 | `#173063` | `oklch(32.08% 0.0959 262.63)` | Mythical Night | white, 12.8 to 1 |
| 10 | `#172d62` | `oklch(31.30% 0.0986 264.57)` | Mythical Night | white, 13.2 to 1 |
| 11 | `#1b2b64` | `oklch(31.30% 0.1029 267.86)` | Schiava Blue | white, 13.2 to 1 |
| 12 | `#222b6a` | `oklch(32.21% 0.1095 272.71)` | Mythical Night | white, 12.9 to 1 |
| 13 | `#2e2c74` | `oklch(34.01% 0.1197 279.01)` | Blue Rose | white, 12.1 to 1 |
| 14 | `#3c2d7f` | `oklch(36.52% 0.1326 286.53)` | Clear Purple | white, 11.1 to 1 |
| 15 | `#4f2e8b` | `oklch(39.58% 0.1473 295.07)` | Sick Blue | white, 10 to 1 |
| 16 | `#652e96` | `oklch(43.03% 0.1628 304.42)` | Lucid Dreams | white, 8.7 to 1 |
| 17 | `#7d2e9d` | `oklch(46.72% 0.1781 314.35)` | Skeletor’s Cape | white, 7.6 to 1 |
| 18 | `#972ea0` | `oklch(50.47% 0.1924 324.67)` | Purple Ink | white, 6.5 to 1 |
| 19 | `#b12c9d` | `oklch(54.13% 0.2047 335.15)` | Fuchsia Flourish | white, 5.6 to 1 |
| 20 | `#c92c94` | `oklch(57.54% 0.2140 345.59)` | Royal Fuchsia | white, 4.9 to 1 |
| 21 | `#dd2e86` | `oklch(60.52% 0.2195 355.76)` | Sensual Climax | black, 4.8 to 1 |
| 22 | `#ec3576` | `oklch(62.97% 0.2201 5.57)` | Amor | black, 5.3 to 1 |
| 23 | `#f64261` | `oklch(65.19% 0.2155 16.08)` | Munch on Melon | black, 5.8 to 1 |
| 24 | `#fc5349` | `oklch(67.29% 0.2067 27.38)` | Red Orange Juice | black, 6.4 to 1 |
| 25 | `#fc662f` | `oklch(69.28% 0.1946 39.17)` | Halt and Catch Fire | black, 7 to 1 |
| 26 | `#f77a13` | `oklch(71.14% 0.1802 51.11)` | Ornery Tangerine | black, 7.7 to 1 |
| 27 | `#ee8c0b` | `oklch(72.87% 0.1644 62.88)` | Elden Ring Orange | black, 8.3 to 1 |
| 28 | `#e39c24` | `oklch(74.44% 0.1482 74.16)` | Clarified Butter | black, 9 to 1 |
| 29 | `#d8a93e` | `oklch(75.87% 0.1326 84.64)` | Brassy Tint | black, 9.6 to 1 |
| 30 | `#cdb354` | `oklch(77.13% 0.1186 93.98)` | Gold Gleam | black, 10.1 to 1 |
| 31 | `#c6bb66` | `oklch(78.22% 0.1072 101.86)` | Secret Safari | black, 10.6 to 1 |
| 32 | `#c1c073` | `oklch(79.13% 0.0992 107.97)` | Go Go Lime | black, 11 to 1 |

## CSS

```css
background: linear-gradient(135deg, #405691 0.0%, #3d538d 3.2%, #384f88 6.5%, #324a81 9.7%, #2b447a 12.9%, #243f73 16.1%, #1e396c 19.4%, #1a3467 22.6%, #173063 25.8%, #172d62 29.0%, #1b2b64 32.3%, #222b6a 35.5%, #2e2c74 38.7%, #3c2d7f 41.9%, #4f2e8b 45.2%, #652e96 48.4%, #7d2e9d 51.6%, #972ea0 54.8%, #b12c9d 58.1%, #c92c94 61.3%, #dd2e86 64.5%, #ec3576 67.7%, #f64261 71.0%, #fc5349 74.2%, #fc662f 77.4%, #f77a13 80.6%, #ee8c0b 83.9%, #e39c24 87.1%, #d8a93e 90.3%, #cdb354 93.5%, #c6bb66 96.8%, #c1c073 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.46% 0.0992 267.19) 0.0%, oklch(45.41% 0.0991 266.92) 3.2%, oklch(43.81% 0.0983 266.09) 6.5%, oklch(41.84% 0.0971 264.93) 9.7%, oklch(39.66% 0.0959 263.68) 12.9%, oklch(37.42% 0.0949 262.58) 16.1%, oklch(35.31% 0.0943 261.88) 19.4%, oklch(33.47% 0.0946 261.82) 22.6%, oklch(32.08% 0.0959 262.63) 25.8%, oklch(31.30% 0.0986 264.57) 29.0%, oklch(31.30% 0.1029 267.86) 32.3%, oklch(32.21% 0.1095 272.71) 35.5%, oklch(34.01% 0.1197 279.01) 38.7%, oklch(36.52% 0.1326 286.53) 41.9%, oklch(39.58% 0.1473 295.07) 45.2%, oklch(43.03% 0.1628 304.42) 48.4%, oklch(46.72% 0.1781 314.35) 51.6%, oklch(50.47% 0.1924 324.67) 54.8%, oklch(54.13% 0.2047 335.15) 58.1%, oklch(57.54% 0.2140 345.59) 61.3%, oklch(60.52% 0.2195 355.76) 64.5%, oklch(62.97% 0.2201 5.57) 67.7%, oklch(65.19% 0.2155 16.08) 71.0%, oklch(67.29% 0.2067 27.38) 74.2%, oklch(69.28% 0.1946 39.17) 77.4%, oklch(71.14% 0.1802 51.11) 80.6%, oklch(72.87% 0.1644 62.88) 83.9%, oklch(74.44% 0.1482 74.16) 87.1%, oklch(75.87% 0.1326 84.64) 90.3%, oklch(77.13% 0.1186 93.98) 93.5%, oklch(78.22% 0.1072 101.86) 96.8%, oklch(79.13% 0.0992 107.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.099 | 267.2 |
| 2 | 0.315 | 0.105 | 269.3 |
| 3 | 0.622 | 0.22 | 362.3 |
| 4 | 0.791 | 0.099 | 468 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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