# Indigo and black sweep

Purple, black, navy and orange linear gradient with 40 colors: #503a8c, #4c3682, #483075, #422966, #3b2256, #331b46, #2a1437, #210e2a, #19091f, #120617, #0d0411, #08030d, #06030b, #040209, #030207, #020207, #010207, #010207, #000208, #000309, #00030b, #00040d, #00050e, #000710, #000914, #000c18, #00101e, #001426, #001831, #001c44, #101f53, #282460, #432968, #602f6b, #7d3667, #97405c, #ab4e4d, #b95e3c, #c06f2d, #c27c22. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, black, navy and orange linear gradient
- Seed: `kWal7PkYzCgwKOGeokD0i_Tw`
- Page: https://grabient.com/kWal7PkYzCgwKOGeokD0i_Tw?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#503a8c` | `oklch(41.73% 0.1295 291.80)` | Blue Gem | white, 9 to 1 |
| 2 | `#4c3682` | `oklch(39.91% 0.1233 293.56)` | Galactic Compass | white, 9.7 to 1 |
| 3 | `#483075` | `oklch(37.41% 0.1147 296.34)` | Mystic Nights | white, 10.7 to 1 |
| 4 | `#422966` | `oklch(34.42% 0.1044 299.79)` | Violet Indigo | white, 12 to 1 |
| 5 | `#3b2256` | `oklch(31.09% 0.0929 303.57)` | Stormy Night | white, 13.6 to 1 |
| 6 | `#331b46` | `oklch(27.59% 0.0809 307.31)` | Russian Violet | white, 15.2 to 1 |
| 7 | `#2a1437` | `oklch(24.08% 0.0689 310.68)` | Blackcurrant | white, 16.7 to 1 |
| 8 | `#210e2a` | `oklch(20.74% 0.0576 313.32)` | Blacklist | white, 18 to 1 |
| 9 | `#19091f` | `oklch(17.74% 0.0474 314.88)` | Meški Black | white, 19 to 1 |
| 10 | `#120617` | `oklch(15.23% 0.0391 315.03)` | Crow | white, 19.7 to 1 |
| 11 | `#0d0411` | `oklch(13.37% 0.0332 313.38)` | Not Tonight | white, 20.1 to 1 |
| 12 | `#08030d` | `oklch(11.94% 0.0287 309.52)` | Broken Tube | white, 20.3 to 1 |
| 13 | `#06030b` | `oklch(10.78% 0.0253 303.73)` | Broken Tube | white, 20.5 to 1 |
| 14 | `#040209` | `oklch(9.89% 0.0229 296.53)` | Ninja | white, 20.6 to 1 |
| 15 | `#030207` | `oklch(9.24% 0.0214 288.44)` | Raven’s Coat | white, 20.6 to 1 |
| 16 | `#020207` | `oklch(8.83% 0.0208 279.95)` | Raven’s Coat | white, 20.7 to 1 |
| 17 | `#010207` | `oklch(8.63% 0.0210 271.58)` | Ninja | white, 20.7 to 1 |
| 18 | `#010207` | `oklch(8.64% 0.0220 263.84)` | Ninja | white, 20.7 to 1 |
| 19 | `#000208` | `oklch(8.84% 0.0237 257.24)` | Ninja | white, 20.7 to 1 |
| 20 | `#000309` | `oklch(9.21% 0.0261 252.28)` | Ninja | white, 20.6 to 1 |
| 21 | `#00030b` | `oklch(9.79% 0.0286 251.20)` | Ninja | white, 20.6 to 1 |
| 22 | `#00040d` | `oklch(10.47% 0.0289 249.01)` | Ninja | white, 20.5 to 1 |
| 23 | `#00050e` | `oklch(11.28% 0.0290 245.94)` | Eight Ball | white, 20.4 to 1 |
| 24 | `#000710` | `oklch(12.27% 0.0299 243.44)` | Eight Ball | white, 20.2 to 1 |
| 25 | `#000914` | `oklch(13.47% 0.0319 241.83)` | Black Knight | white, 20 to 1 |
| 26 | `#000c18` | `oklch(14.89% 0.0350 241.40)` | Black Knight | white, 19.6 to 1 |
| 27 | `#00101e` | `oklch(16.57% 0.0396 242.44)` | Kuretake Black Manga | white, 19.2 to 1 |
| 28 | `#001426` | `oklch(18.52% 0.0468 245.22)` | Kuretake Black Manga | white, 18.6 to 1 |
| 29 | `#001831` | `oklch(20.77% 0.0588 250.01)` | Oxford by Night | white, 17.8 to 1 |
| 30 | `#001c44` | `oklch(23.34% 0.0831 257.07)` | Maastricht Blue | white, 16.8 to 1 |
| 31 | `#101f53` | `oklch(26.39% 0.0976 267.19)` | Dark Soul | white, 15.6 to 1 |
| 32 | `#282460` | `oklch(30.26% 0.1026 281.78)` | Deep Breath | white, 13.9 to 1 |
| 33 | `#432968` | `oklch(34.72% 0.1074 299.63)` | Violet Indigo | white, 11.9 to 1 |
| 34 | `#602f6b` | `oklch(39.57% 0.1118 319.69)` | Imperial | white, 9.9 to 1 |
| 35 | `#7d3667` | `oklch(44.57% 0.1159 340.90)` | Ayame Iris | white, 8 to 1 |
| 36 | `#97405c` | `oklch(49.53% 0.1197 2.20)` | Raspberry Pudding | white, 6.5 to 1 |
| 37 | `#ab4e4d` | `oklch(54.23% 0.1231 22.52)` | Red Leather | white, 5.3 to 1 |
| 38 | `#b95e3c` | `oklch(58.44% 0.1262 40.81)` | Sun-Kissed Brick | black, 4.7 to 1 |
| 39 | `#c06f2d` | `oklch(61.96% 0.1288 56.01)` | Carrot Cake | black, 5.5 to 1 |
| 40 | `#c27c22` | `oklch(64.57% 0.1309 67.06)` | Maine Coon Orange | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #503a8c 0.0%, #4c3682 2.6%, #483075 5.1%, #422966 7.7%, #3b2256 10.3%, #331b46 12.8%, #2a1437 15.4%, #210e2a 17.9%, #19091f 20.5%, #120617 23.1%, #0d0411 25.6%, #08030d 28.2%, #06030b 30.8%, #040209 33.3%, #030207 35.9%, #020207 38.5%, #010207 41.0%, #010207 43.6%, #000208 46.2%, #000309 48.7%, #00030b 51.3%, #00040d 53.8%, #00050e 56.4%, #000710 59.0%, #000914 61.5%, #000c18 64.1%, #00101e 66.7%, #001426 69.2%, #001831 71.8%, #001c44 74.4%, #101f53 76.9%, #282460 79.5%, #432968 82.1%, #602f6b 84.6%, #7d3667 87.2%, #97405c 89.7%, #ab4e4d 92.3%, #b95e3c 94.9%, #c06f2d 97.4%, #c27c22 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.73% 0.1295 291.80) 0.0%, oklch(39.91% 0.1233 293.56) 2.6%, oklch(37.41% 0.1147 296.34) 5.1%, oklch(34.42% 0.1044 299.79) 7.7%, oklch(31.09% 0.0929 303.57) 10.3%, oklch(27.59% 0.0809 307.31) 12.8%, oklch(24.08% 0.0689 310.68) 15.4%, oklch(20.74% 0.0576 313.32) 17.9%, oklch(17.74% 0.0474 314.88) 20.5%, oklch(15.23% 0.0391 315.03) 23.1%, oklch(13.37% 0.0332 313.38) 25.6%, oklch(11.94% 0.0287 309.52) 28.2%, oklch(10.78% 0.0253 303.73) 30.8%, oklch(9.89% 0.0229 296.53) 33.3%, oklch(9.24% 0.0214 288.44) 35.9%, oklch(8.83% 0.0208 279.95) 38.5%, oklch(8.63% 0.0210 271.58) 41.0%, oklch(8.64% 0.0220 263.84) 43.6%, oklch(8.84% 0.0237 257.24) 46.2%, oklch(9.21% 0.0261 252.28) 48.7%, oklch(9.79% 0.0286 251.20) 51.3%, oklch(10.47% 0.0289 249.01) 53.8%, oklch(11.28% 0.0290 245.94) 56.4%, oklch(12.27% 0.0299 243.44) 59.0%, oklch(13.47% 0.0319 241.83) 61.5%, oklch(14.89% 0.0350 241.40) 64.1%, oklch(16.57% 0.0396 242.44) 66.7%, oklch(18.52% 0.0468 245.22) 69.2%, oklch(20.77% 0.0588 250.01) 71.8%, oklch(23.34% 0.0831 257.07) 74.4%, oklch(26.39% 0.0976 267.19) 76.9%, oklch(30.26% 0.1026 281.78) 79.5%, oklch(34.72% 0.1074 299.63) 82.1%, oklch(39.57% 0.1118 319.69) 84.6%, oklch(44.57% 0.1159 340.90) 87.2%, oklch(49.53% 0.1197 2.20) 89.7%, oklch(54.23% 0.1231 22.52) 92.3%, oklch(58.44% 0.1262 40.81) 94.9%, oklch(61.96% 0.1288 56.01) 97.4%, oklch(64.57% 0.1309 67.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.13 | 291.8 |
| 2 | 0.138 | 0.034 | 314 |
| 3 | 0.094 | 0.028 | 250.6 |
| 4 | 0.24 | 0.094 | 259 |
| 5 | 0.646 | 0.131 | 427.1 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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