# Seamless black, blue and purple linear gradient

Seamless black, blue and purple linear gradient with 40 colors: #000102, #000103, #000204, #000406, #00060a, #00090f, #000f16, #001720, #00212d, #002f40, #004359, #005978, #00719a, #0088bc, #009bdc, #11a7f6, #36aaff, #4aa4ff, #5098ff, #5384ff, #596bf9, #6052e9, #6239d5, #6222c2, #600dae, #5c0096, #56007c, #4e0065, #450052, #3b0043, #300136, #25032d, #1b0326, #100420, #07041a, #020313, #00030c, #000205, #000103, #000101. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kIA8JoAcIUAJFVf4N9BGCRgZWAeEs4`
- Page: https://grabient.com/kIA8JoAcIUAJFVf4N9BGCRgZWAeEs4?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, vivid, dark, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#000102` | `oklch(5.96% 0.0116 227.59)` | Binary Black | white, 20.9 to 1 |
| 2 | `#000103` | `oklch(7.13% 0.0147 232.68)` | Binary Black | white, 20.8 to 1 |
| 3 | `#000204` | `oklch(8.23% 0.0164 229.76)` | Black Hole | white, 20.7 to 1 |
| 4 | `#000406` | `oklch(9.54% 0.0186 227.74)` | Ninja | white, 20.6 to 1 |
| 5 | `#00060a` | `oklch(11.17% 0.0214 226.38)` | Eight Ball | white, 20.4 to 1 |
| 6 | `#00090f` | `oklch(13.22% 0.0252 225.60)` | Black Knight | white, 20 to 1 |
| 7 | `#000f16` | `oklch(15.79% 0.0300 225.36)` | Black Glaze | white, 19.4 to 1 |
| 8 | `#001720` | `oklch(18.98% 0.0362 225.67)` | Creeping Death | white, 18.3 to 1 |
| 9 | `#00212d` | `oklch(22.94% 0.0441 226.53)` | Midnight Dreams | white, 16.7 to 1 |
| 10 | `#002f40` | `oklch(28.55% 0.0555 227.62)` | Nordic Noir | white, 14.1 to 1 |
| 11 | `#004359` | `oklch(35.65% 0.0702 228.87)` | Crab Nebula | white, 10.8 to 1 |
| 12 | `#005978` | `oklch(43.58% 0.0872 230.38)` | Ink Blue | white, 7.7 to 1 |
| 13 | `#00719a` | `oklch(51.63% 0.1056 232.23)` | Tofino Belue | white, 5.4 to 1 |
| 14 | `#0088bc` | `oklch(59.12% 0.1246 234.55)` | Mermaid Dreams | black, 5.2 to 1 |
| 15 | `#009bdc` | `oklch(65.35% 0.1436 237.44)` | Atmosphere | black, 6.7 to 1 |
| 16 | `#11a7f6` | `oklch(69.64% 0.1592 240.99)` | Krishna Blue | black, 7.8 to 1 |
| 17 | `#36aaff` | `oklch(71.35% 0.1598 245.40)` | Xed | black, 8.3 to 1 |
| 18 | `#4aa4ff` | `oklch(70.67% 0.1585 251.09)` | Xed | black, 8 to 1 |
| 19 | `#5098ff` | `oklch(68.13% 0.1694 257.82)` | Polar Glow | black, 7.2 to 1 |
| 20 | `#5384ff` | `oklch(64.24% 0.1905 265.20)` | Flickery C64 | black, 6.1 to 1 |
| 21 | `#596bf9` | `oklch(59.49% 0.2103 272.82)` | Blue Heath Butterfly | black, 4.9 to 1 |
| 22 | `#6052e9` | `oklch(54.39% 0.2180 280.30)` | Majorelle Blue | white, 5.4 to 1 |
| 23 | `#6239d5` | `oklch(49.44% 0.2223 287.23)` | Burple | white, 6.8 to 1 |
| 24 | `#6222c2` | `oklch(45.13% 0.2221 293.23)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 25 | `#600dae` | `oklch(41.70% 0.2160 298.37)` | Indiviolet Sunset | white, 9.6 to 1 |
| 26 | `#5c0096` | `oklch(38.33% 0.2001 304.09)` | SQL Injection Purple | white, 11 to 1 |
| 27 | `#56007c` | `oklch(34.94% 0.1767 309.99)` | Pigment Indigo | white, 12.4 to 1 |
| 28 | `#4e0065` | `oklch(31.60% 0.1553 315.42)` | God of Nights | white, 13.8 to 1 |
| 29 | `#450052` | `oklch(28.36% 0.1363 319.77)` | Ripe Plum | white, 15.3 to 1 |
| 30 | `#3b0043` | `oklch(25.28% 0.1198 322.38)` | Romanic Scene | white, 16.6 to 1 |
| 31 | `#300136` | `oklch(22.36% 0.1022 322.66)` | Exquisite Eggplant | white, 17.7 to 1 |
| 32 | `#25032d` | `oklch(19.73% 0.0855 319.92)` | Porphyrophobia | white, 18.6 to 1 |
| 33 | `#1b0326` | `oklch(17.34% 0.0724 313.03)` | Black Sabbath | white, 19.2 to 1 |
| 34 | `#100420` | `oklch(15.13% 0.0605 301.43)` | Election Night | white, 19.8 to 1 |
| 35 | `#07041a` | `oklch(13.08% 0.0496 286.54)` | Obsidian Shard | white, 20.1 to 1 |
| 36 | `#020313` | `oklch(11.22% 0.0399 269.84)` | Obsidian Shard | white, 20.4 to 1 |
| 37 | `#00030c` | `oklch(9.60% 0.0308 254.25)` | Ninja | white, 20.6 to 1 |
| 38 | `#000205` | `oklch(8.24% 0.0197 242.41)` | Black Hole | white, 20.7 to 1 |
| 39 | `#000103` | `oklch(7.07% 0.0143 231.33)` | Binary Black | white, 20.8 to 1 |
| 40 | `#000101` | `oklch(5.99% 0.0108 217.82)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #000102 0.0%, #000103 2.6%, #000204 5.1%, #000406 7.7%, #00060a 10.3%, #00090f 12.8%, #000f16 15.4%, #001720 17.9%, #00212d 20.5%, #002f40 23.1%, #004359 25.6%, #005978 28.2%, #00719a 30.8%, #0088bc 33.3%, #009bdc 35.9%, #11a7f6 38.5%, #36aaff 41.0%, #4aa4ff 43.6%, #5098ff 46.2%, #5384ff 48.7%, #596bf9 51.3%, #6052e9 53.8%, #6239d5 56.4%, #6222c2 59.0%, #600dae 61.5%, #5c0096 64.1%, #56007c 66.7%, #4e0065 69.2%, #450052 71.8%, #3b0043 74.4%, #300136 76.9%, #25032d 79.5%, #1b0326 82.1%, #100420 84.6%, #07041a 87.2%, #020313 89.7%, #00030c 92.3%, #000205 94.9%, #000103 97.4%, #000101 100.0%);
background: linear-gradient(135deg in oklch, oklch(5.96% 0.0116 227.59) 0.0%, oklch(7.13% 0.0147 232.68) 2.6%, oklch(8.23% 0.0164 229.76) 5.1%, oklch(9.54% 0.0186 227.74) 7.7%, oklch(11.17% 0.0214 226.38) 10.3%, oklch(13.22% 0.0252 225.60) 12.8%, oklch(15.79% 0.0300 225.36) 15.4%, oklch(18.98% 0.0362 225.67) 17.9%, oklch(22.94% 0.0441 226.53) 20.5%, oklch(28.55% 0.0555 227.62) 23.1%, oklch(35.65% 0.0702 228.87) 25.6%, oklch(43.58% 0.0872 230.38) 28.2%, oklch(51.63% 0.1056 232.23) 30.8%, oklch(59.12% 0.1246 234.55) 33.3%, oklch(65.35% 0.1436 237.44) 35.9%, oklch(69.64% 0.1592 240.99) 38.5%, oklch(71.35% 0.1598 245.40) 41.0%, oklch(70.67% 0.1585 251.09) 43.6%, oklch(68.13% 0.1694 257.82) 46.2%, oklch(64.24% 0.1905 265.20) 48.7%, oklch(59.49% 0.2103 272.82) 51.3%, oklch(54.39% 0.2180 280.30) 53.8%, oklch(49.44% 0.2223 287.23) 56.4%, oklch(45.13% 0.2221 293.23) 59.0%, oklch(41.70% 0.2160 298.37) 61.5%, oklch(38.33% 0.2001 304.09) 64.1%, oklch(34.94% 0.1767 309.99) 66.7%, oklch(31.60% 0.1553 315.42) 69.2%, oklch(28.36% 0.1363 319.77) 71.8%, oklch(25.28% 0.1198 322.38) 74.4%, oklch(22.36% 0.1022 322.66) 76.9%, oklch(19.73% 0.0855 319.92) 79.5%, oklch(17.34% 0.0724 313.03) 82.1%, oklch(15.13% 0.0605 301.43) 84.6%, oklch(13.08% 0.0496 286.54) 87.2%, oklch(11.22% 0.0399 269.84) 89.7%, oklch(9.60% 0.0308 254.25) 92.3%, oklch(8.24% 0.0197 242.41) 94.9%, oklch(7.07% 0.0143 231.33) 97.4%, oklch(5.99% 0.0108 217.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.059 | 0.012 | 225 |
| 2 | 0.22 | 0.091 | 226.1 |
| 3 | 0.71 | 0.164 | 243.5 |
| 4 | 0.437 | 0.22 | 295.3 |
| 5 | 0.192 | 0.083 | 319 |
| 6 | 0.059 | 0.012 | 214.3 |

## Other forms

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