# Plum magenta midnight beam

Analogous black, purple and navy linear gradient with 64 colors: #1a1a1e, #1d1c25, #211f2e, #262239, #2d2546, #362753, #402a61, #4c2b6f, #592b7d, #662b8a, #732995, #80279f, #8b23a7, #941eae, #9b19b4, #9f13b7, #9f0eba, #9c0aba, #9508b9, #8b07b7, #7f08b2, #7209ac, #630aa4, #540a9a, #460b8f, #380a83, #2b0a76, #1f0969, #15085d, #0b0751, #040647, #00063f, #000a31, #000a2a, #000a26, #000a24, #000a23, #000a23, #000a23, #000b24, #000b25, #000c26, #000e25, #010f24, #011024, #011122, #001121, #00111f, #00111c, #001018, #000f15, #000e11, #000d0d, #000c0a, #000a06, #010804, #020602, #020501, #020400, #030300, #020200, #020200, #020100, #020100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, purple and navy linear gradient
- Seed: `kWOAbLQddEBYluSVjj0CQWtQ`
- Page: https://grabient.com/kWOAbLQddEBYluSVjj0CQWtQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#1a1a1e` | `oklch(22.05% 0.0083 285.47)` | Gluon Grey | white, 17.3 to 1 |
| 2 | `#1d1c25` | `oklch(23.22% 0.0172 286.89)` | Night Demons | white, 16.8 to 1 |
| 3 | `#211f2e` | `oklch(24.82% 0.0291 288.86)` | Black Howl | white, 16.1 to 1 |
| 4 | `#262239` | `oklch(26.77% 0.0433 291.28)` | Cold Steel | white, 15.3 to 1 |
| 5 | `#2d2546` | `oklch(28.99% 0.0596 294.07)` | Telopea | white, 14.3 to 1 |
| 6 | `#362753` | `oklch(31.43% 0.0773 297.12)` | Parachute Purple | white, 13.3 to 1 |
| 7 | `#402a61` | `oklch(34.01% 0.0961 300.34)` | Acai | white, 12.2 to 1 |
| 8 | `#4c2b6f` | `oklch(36.64% 0.1155 303.62)` | Mystic Nights | white, 11.1 to 1 |
| 9 | `#592b7d` | `oklch(39.28% 0.1350 306.87)` | Foggy Amethyst | white, 10.1 to 1 |
| 10 | `#662b8a` | `oklch(41.83% 0.1541 310.00)` | True Purple | white, 9.2 to 1 |
| 11 | `#732995` | `oklch(44.24% 0.1725 312.90)` | Orb of Discord | white, 8.4 to 1 |
| 12 | `#80279f` | `oklch(46.42% 0.1897 315.48)` | Noble Cause Purple | white, 7.7 to 1 |
| 13 | `#8b23a7` | `oklch(48.31% 0.2051 317.64)` | Minesweeper’s Purple | white, 7.2 to 1 |
| 14 | `#941eae` | `oklch(49.84% 0.2183 319.28)` | Minesweeper’s Purple | white, 6.8 to 1 |
| 15 | `#9b19b4` | `oklch(50.93% 0.2289 320.31)` | Shiffurple | white, 6.5 to 1 |
| 16 | `#9f13b7` | `oklch(51.51% 0.2364 320.63)` | Nebula | white, 6.4 to 1 |
| 17 | `#9f0eba` | `oklch(51.52% 0.2404 320.14)` | Nebula | white, 6.4 to 1 |
| 18 | `#9c0aba` | `oklch(50.90% 0.2411 318.81)` | Nebula | white, 6.6 to 1 |
| 19 | `#9508b9` | `oklch(49.73% 0.2390 316.73)` | Minesweeper’s Purple | white, 6.9 to 1 |
| 20 | `#8b07b7` | `oklch(48.08% 0.2343 313.99)` | Shade of Violet | white, 7.4 to 1 |
| 21 | `#7f08b2` | `oklch(46.02% 0.2275 310.69)` | Shade of Violet | white, 8.1 to 1 |
| 22 | `#7209ac` | `oklch(43.63% 0.2189 306.92)` | Indiviolet Sunset | white, 8.9 to 1 |
| 23 | `#630aa4` | `oklch(40.98% 0.2088 302.78)` | Indiviolet Sunset | white, 9.9 to 1 |
| 24 | `#540a9a` | `oklch(38.15% 0.1975 298.36)` | Amarklor Violet | white, 11 to 1 |
| 25 | `#460b8f` | `oklch(35.21% 0.1855 293.77)` | Grim Purple | white, 12.3 to 1 |
| 26 | `#380a83` | `oklch(32.24% 0.1729 289.09)` | Marionberry | white, 13.6 to 1 |
| 27 | `#2b0a76` | `oklch(29.31% 0.1603 284.43)` | Outer Rim | white, 14.9 to 1 |
| 28 | `#1f0969` | `oklch(26.50% 0.1478 279.87)` | Bavarian Gentian | white, 16.1 to 1 |
| 29 | `#15085d` | `oklch(23.88% 0.1359 275.52)` | Space Colonisation | white, 17.1 to 1 |
| 30 | `#0b0751` | `oklch(21.53% 0.1249 271.47)` | Ravenclaw | white, 18 to 1 |
| 31 | `#040647` | `oklch(19.53% 0.1151 267.81)` | Night Blue | white, 18.6 to 1 |
| 32 | `#00063f` | `oklch(17.94% 0.1068 264.65)` | Stratos | white, 19.1 to 1 |
| 33 | `#000a31` | `oklch(16.84% 0.0815 262.57)` | Oblivion | white, 19.3 to 1 |
| 34 | `#000a2a` | `oklch(16.04% 0.0686 260.83)` | Mysterious Depths | white, 19.4 to 1 |
| 35 | `#000a26` | `oklch(15.50% 0.0622 259.68)` | Mysterious Depths | white, 19.6 to 1 |
| 36 | `#000a24` | `oklch(15.18% 0.0588 258.98)` | Void | white, 19.6 to 1 |
| 37 | `#000a23` | `oklch(15.06% 0.0573 258.60)` | Melanophobia | white, 19.7 to 1 |
| 38 | `#000a23` | `oklch(15.10% 0.0570 258.42)` | Melanophobia | white, 19.7 to 1 |
| 39 | `#000a23` | `oklch(15.26% 0.0573 258.32)` | Melanophobia | white, 19.6 to 1 |
| 40 | `#000b24` | `oklch(15.52% 0.0579 258.19)` | Void | white, 19.5 to 1 |
| 41 | `#000b25` | `oklch(15.84% 0.0584 257.89)` | Void | white, 19.5 to 1 |
| 42 | `#000c26` | `oklch(16.18% 0.0577 257.10)` | Void | white, 19.4 to 1 |
| 43 | `#000e25` | `oklch(16.51% 0.0545 255.72)` | Void | white, 19.3 to 1 |
| 44 | `#010f24` | `oklch(16.81% 0.0512 254.24)` | Kuretake Black Manga | white, 19.2 to 1 |
| 45 | `#011024` | `oklch(17.05% 0.0480 252.09)` | Kuretake Black Manga | white, 19.1 to 1 |
| 46 | `#011122` | `oklch(17.19% 0.0450 249.14)` | Kuretake Black Manga | white, 19 to 1 |
| 47 | `#001121` | `oklch(17.18% 0.0421 245.28)` | Kuretake Black Manga | white, 19 to 1 |
| 48 | `#00111f` | `oklch(17.01% 0.0392 240.43)` | Kuretake Black Manga | white, 19 to 1 |
| 49 | `#00111c` | `oklch(16.69% 0.0353 234.85)` | Kuretake Black Manga | white, 19.1 to 1 |
| 50 | `#001018` | `oklch(16.23% 0.0314 227.12)` | Black Glaze | white, 19.2 to 1 |
| 51 | `#000f15` | `oklch(15.68% 0.0282 218.00)` | Black Glaze | white, 19.4 to 1 |
| 52 | `#000e11` | `oklch(15.06% 0.0259 207.70)` | Black Glaze | white, 19.5 to 1 |
| 53 | `#000d0d` | `oklch(14.39% 0.0245 196.40)` | Dark Side of the Moon | white, 19.7 to 1 |
| 54 | `#000c0a` | `oklch(13.66% 0.0242 184.35)` | Dark Side of the Moon | white, 19.9 to 1 |
| 55 | `#000a06` | `oklch(12.86% 0.0244 172.54)` | Whiten’t | white, 20 to 1 |
| 56 | `#010804` | `oklch(12.08% 0.0230 160.26)` | Black Metal | white, 20.2 to 1 |
| 57 | `#020602` | `oklch(11.30% 0.0217 148.00)` | Black Metal | white, 20.3 to 1 |
| 58 | `#020501` | `oklch(10.54% 0.0205 135.99)` | Armour Wash | white, 20.4 to 1 |
| 59 | `#020400` | `oklch(9.81% 0.0194 124.44)` | Armour Wash | white, 20.5 to 1 |
| 60 | `#030300` | `oklch(9.12% 0.0185 113.58)` | Armour Wash | white, 20.6 to 1 |
| 61 | `#020200` | `oklch(8.49% 0.0176 103.64)` | Registration Black | white, 20.7 to 1 |
| 62 | `#020200` | `oklch(7.93% 0.0163 94.34)` | Registration Black | white, 20.7 to 1 |
| 63 | `#020100` | `oklch(7.46% 0.0153 86.25)` | Binary Black | white, 20.8 to 1 |
| 64 | `#020100` | `oklch(7.09% 0.0147 80.39)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1a1a1e 0.0%, #1d1c25 1.6%, #211f2e 3.2%, #262239 4.8%, #2d2546 6.3%, #362753 7.9%, #402a61 9.5%, #4c2b6f 11.1%, #592b7d 12.7%, #662b8a 14.3%, #732995 15.9%, #80279f 17.5%, #8b23a7 19.0%, #941eae 20.6%, #9b19b4 22.2%, #9f13b7 23.8%, #9f0eba 25.4%, #9c0aba 27.0%, #9508b9 28.6%, #8b07b7 30.2%, #7f08b2 31.7%, #7209ac 33.3%, #630aa4 34.9%, #540a9a 36.5%, #460b8f 38.1%, #380a83 39.7%, #2b0a76 41.3%, #1f0969 42.9%, #15085d 44.4%, #0b0751 46.0%, #040647 47.6%, #00063f 49.2%, #000a31 50.8%, #000a2a 52.4%, #000a26 54.0%, #000a24 55.6%, #000a23 57.1%, #000a23 58.7%, #000a23 60.3%, #000b24 61.9%, #000b25 63.5%, #000c26 65.1%, #000e25 66.7%, #010f24 68.3%, #011024 69.8%, #011122 71.4%, #001121 73.0%, #00111f 74.6%, #00111c 76.2%, #001018 77.8%, #000f15 79.4%, #000e11 81.0%, #000d0d 82.5%, #000c0a 84.1%, #000a06 85.7%, #010804 87.3%, #020602 88.9%, #020501 90.5%, #020400 92.1%, #030300 93.7%, #020200 95.2%, #020200 96.8%, #020100 98.4%, #020100 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0083 285.47) 0.0%, oklch(23.22% 0.0172 286.89) 1.6%, oklch(24.82% 0.0291 288.86) 3.2%, oklch(26.77% 0.0433 291.28) 4.8%, oklch(28.99% 0.0596 294.07) 6.3%, oklch(31.43% 0.0773 297.12) 7.9%, oklch(34.01% 0.0961 300.34) 9.5%, oklch(36.64% 0.1155 303.62) 11.1%, oklch(39.28% 0.1350 306.87) 12.7%, oklch(41.83% 0.1541 310.00) 14.3%, oklch(44.24% 0.1725 312.90) 15.9%, oklch(46.42% 0.1897 315.48) 17.5%, oklch(48.31% 0.2051 317.64) 19.0%, oklch(49.84% 0.2183 319.28) 20.6%, oklch(50.93% 0.2289 320.31) 22.2%, oklch(51.51% 0.2364 320.63) 23.8%, oklch(51.52% 0.2404 320.14) 25.4%, oklch(50.90% 0.2411 318.81) 27.0%, oklch(49.73% 0.2390 316.73) 28.6%, oklch(48.08% 0.2343 313.99) 30.2%, oklch(46.02% 0.2275 310.69) 31.7%, oklch(43.63% 0.2189 306.92) 33.3%, oklch(40.98% 0.2088 302.78) 34.9%, oklch(38.15% 0.1975 298.36) 36.5%, oklch(35.21% 0.1855 293.77) 38.1%, oklch(32.24% 0.1729 289.09) 39.7%, oklch(29.31% 0.1603 284.43) 41.3%, oklch(26.50% 0.1478 279.87) 42.9%, oklch(23.88% 0.1359 275.52) 44.4%, oklch(21.53% 0.1249 271.47) 46.0%, oklch(19.53% 0.1151 267.81) 47.6%, oklch(17.94% 0.1068 264.65) 49.2%, oklch(16.84% 0.0815 262.57) 50.8%, oklch(16.04% 0.0686 260.83) 52.4%, oklch(15.50% 0.0622 259.68) 54.0%, oklch(15.18% 0.0588 258.98) 55.6%, oklch(15.06% 0.0573 258.60) 57.1%, oklch(15.10% 0.0570 258.42) 58.7%, oklch(15.26% 0.0573 258.32) 60.3%, oklch(15.52% 0.0579 258.19) 61.9%, oklch(15.84% 0.0584 257.89) 63.5%, oklch(16.18% 0.0577 257.10) 65.1%, oklch(16.51% 0.0545 255.72) 66.7%, oklch(16.81% 0.0512 254.24) 68.3%, oklch(17.05% 0.0480 252.09) 69.8%, oklch(17.19% 0.0450 249.14) 71.4%, oklch(17.18% 0.0421 245.28) 73.0%, oklch(17.01% 0.0392 240.43) 74.6%, oklch(16.69% 0.0353 234.85) 76.2%, oklch(16.23% 0.0314 227.12) 77.8%, oklch(15.68% 0.0282 218.00) 79.4%, oklch(15.06% 0.0259 207.70) 81.0%, oklch(14.39% 0.0245 196.40) 82.5%, oklch(13.66% 0.0242 184.35) 84.1%, oklch(12.86% 0.0244 172.54) 85.7%, oklch(12.08% 0.0230 160.26) 87.3%, oklch(11.30% 0.0217 148.00) 88.9%, oklch(10.54% 0.0205 135.99) 90.5%, oklch(9.81% 0.0194 124.44) 92.1%, oklch(9.12% 0.0185 113.58) 93.7%, oklch(8.49% 0.0176 103.64) 95.2%, oklch(7.93% 0.0163 94.34) 96.8%, oklch(7.46% 0.0153 86.25) 98.4%, oklch(7.09% 0.0147 80.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.008 | 285.5 |
| 2 | 0.516 | 0.24 | 320.3 |
| 3 | 0.173 | 0.103 | 263.3 |
| 4 | 0.169 | 0.039 | 239 |
| 5 | 0.071 | 0.015 | 81.5 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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