# Black and navy sweep

Black, navy, pink and purple linear gradient with 48 colors: #00030a, #00030d, #000411, #010416, #02051b, #040521, #080426, #0e042c, #130331, #190335, #1e0239, #22023c, #25033f, #260541, #250844, #220b46, #1f0f48, #1b1349, #161749, #121a49, #0e1e49, #0d214a, #0e254c, #132950, #1c2d56, #2a325f, #3c396a, #514074, #69477b, #824f7f, #9a577e, #af617a, #bf6a75, #ca726f, #d0786c, #d17a6b, #cc776d, #c07071, #af6775, #985c76, #7c5173, #5f466a, #433b5b, #2c3048, #1a2535, #0e1a23, #071116, #050b0d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, navy, pink and purple linear gradient
- Seed: `kWGBSyGyXGSWcOxVKE8EgSrg`
- Page: https://grabient.com/kWGBSyGyXGSWcOxVKE8EgSrg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#00030a` | `oklch(9.46% 0.0274 250.83)` | Ninja | white, 20.6 to 1 |
| 2 | `#00030d` | `oklch(10.05% 0.0316 253.57)` | Ninja | white, 20.5 to 1 |
| 3 | `#000411` | `oklch(10.81% 0.0372 257.47)` | Ninja | white, 20.4 to 1 |
| 4 | `#010416` | `oklch(11.71% 0.0440 262.57)` | Obsidian Shard | white, 20.3 to 1 |
| 5 | `#02051b` | `oklch(12.73% 0.0516 268.30)` | Melanophobia | white, 20.2 to 1 |
| 6 | `#040521` | `oklch(13.83% 0.0598 274.41)` | Melanophobia | white, 20 to 1 |
| 7 | `#080426` | `oklch(14.98% 0.0681 280.61)` | Insomnia | white, 19.8 to 1 |
| 8 | `#0e042c` | `oklch(16.16% 0.0763 286.62)` | Black Htun | white, 19.5 to 1 |
| 9 | `#130331` | `oklch(17.34% 0.0841 292.17)` | Quiet Abyss | white, 19.3 to 1 |
| 10 | `#190335` | `oklch(18.49% 0.0910 296.99)` | Quiet Abyss | white, 19 to 1 |
| 11 | `#1e0239` | `oklch(19.58% 0.0968 300.80)` | Middle Red Purple | white, 18.7 to 1 |
| 12 | `#22023c` | `oklch(20.58% 0.1012 303.32)` | Your Darkness | white, 18.3 to 1 |
| 13 | `#25033f` | `oklch(21.47% 0.1038 304.26)` | Your Darkness | white, 18 to 1 |
| 14 | `#260541` | `oklch(22.14% 0.1046 303.01)` | Your Darkness | white, 17.8 to 1 |
| 15 | `#250844` | `oklch(22.63% 0.1038 299.76)` | Your Darkness | white, 17.5 to 1 |
| 16 | `#220b46` | `oklch(23.00% 0.1018 295.01)` | Shadow Planet | white, 17.4 to 1 |
| 17 | `#1f0f48` | `oklch(23.29% 0.0989 289.25)` | Shadow Planet | white, 17.2 to 1 |
| 18 | `#1b1349` | `oklch(23.59% 0.0953 282.96)` | Tetsu-Kon Blue | white, 17 to 1 |
| 19 | `#161749` | `oklch(23.93% 0.0914 276.63)` | Tetsu-Kon Blue | white, 16.8 to 1 |
| 20 | `#121a49` | `oklch(24.40% 0.0875 270.75)` | Tetsu-Kon Blue | white, 16.5 to 1 |
| 21 | `#0e1e49` | `oklch(25.04% 0.0838 265.82)` | Oxford Blue | white, 16.1 to 1 |
| 22 | `#0d214a` | `oklch(25.91% 0.0806 262.31)` | Dark Eclipse | white, 15.7 to 1 |
| 23 | `#0e254c` | `oklch(27.08% 0.0784 260.72)` | Dark Eclipse | white, 15.1 to 1 |
| 24 | `#132950` | `oklch(28.61% 0.0772 261.53)` | Dark Tyrian Blue | white, 14.4 to 1 |
| 25 | `#1c2d56` | `oklch(30.63% 0.0775 265.40)` | Pico Void | white, 13.4 to 1 |
| 26 | `#2a325f` | `oklch(33.53% 0.0794 273.24)` | Galaxea | white, 12.1 to 1 |
| 27 | `#3c396a` | `oklch(37.17% 0.0826 284.40)` | American Blue | white, 10.6 to 1 |
| 28 | `#514074` | `oklch(41.34% 0.0867 298.02)` | Raw Amethyst | white, 9 to 1 |
| 29 | `#69477b` | `oklch(45.81% 0.0914 313.22)` | Palace Purple | white, 7.5 to 1 |
| 30 | `#824f7f` | `oklch(50.36% 0.0963 329.14)` | Thistle Mauve | white, 6.2 to 1 |
| 31 | `#9a577e` | `oklch(54.77% 0.1011 344.91)` | Feminism | white, 5.1 to 1 |
| 32 | `#af617a` | `oklch(58.83% 0.1054 359.66)` | Daah-Ling | black, 4.7 to 1 |
| 33 | `#bf6a75` | `oklch(62.30% 0.1089 12.53)` | Cherry Fizz | black, 5.5 to 1 |
| 34 | `#ca726f` | `oklch(64.98% 0.1112 22.65)` | Abbey Pink | black, 6.1 to 1 |
| 35 | `#d0786c` | `oklch(66.63% 0.1120 29.15)` | Light Tomato | black, 6.5 to 1 |
| 36 | `#d17a6b` | `oklch(67.05% 0.1109 31.16)` | Masoho Red | black, 6.7 to 1 |
| 37 | `#cc776d` | `oklch(65.98% 0.1075 27.93)` | Light Tomato | black, 6.4 to 1 |
| 38 | `#c07071` | `oklch(63.44% 0.1018 19.77)` | Art House Pink | black, 5.8 to 1 |
| 39 | `#af6775` | `oklch(59.67% 0.0943 7.54)` | Refined Rose | black, 4.9 to 1 |
| 40 | `#985c76` | `oklch(54.93% 0.0853 352.11)` | Rose Wine | white, 5 to 1 |
| 41 | `#7c5173` | `oklch(49.50% 0.0753 334.37)` | Phlox Flower Violet | white, 6.3 to 1 |
| 42 | `#5f466a` | `oklch(43.64% 0.0647 315.18)` | Velvet Beret | white, 8.1 to 1 |
| 43 | `#433b5b` | `oklch(37.61% 0.0540 295.42)` | Purple Velvet | white, 10.3 to 1 |
| 44 | `#2c3048` | `oklch(31.67% 0.0435 275.96)` | Ahoy | white, 12.9 to 1 |
| 45 | `#1a2535` | `oklch(26.10% 0.0336 257.68)` | Moonless Mystery | white, 15.4 to 1 |
| 46 | `#0e1a23` | `oklch(21.15% 0.0249 241.44)` | Black Stallion | white, 17.6 to 1 |
| 47 | `#071116` | `oklch(17.08% 0.0177 228.13)` | Midnight Edition | white, 19 to 1 |
| 48 | `#050b0d` | `oklch(14.17% 0.0124 218.61)` | Dark Side of the Moon | white, 19.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00030a 0.0%, #00030d 2.1%, #000411 4.3%, #010416 6.4%, #02051b 8.5%, #040521 10.6%, #080426 12.8%, #0e042c 14.9%, #130331 17.0%, #190335 19.1%, #1e0239 21.3%, #22023c 23.4%, #25033f 25.5%, #260541 27.7%, #250844 29.8%, #220b46 31.9%, #1f0f48 34.0%, #1b1349 36.2%, #161749 38.3%, #121a49 40.4%, #0e1e49 42.6%, #0d214a 44.7%, #0e254c 46.8%, #132950 48.9%, #1c2d56 51.1%, #2a325f 53.2%, #3c396a 55.3%, #514074 57.4%, #69477b 59.6%, #824f7f 61.7%, #9a577e 63.8%, #af617a 66.0%, #bf6a75 68.1%, #ca726f 70.2%, #d0786c 72.3%, #d17a6b 74.5%, #cc776d 76.6%, #c07071 78.7%, #af6775 80.9%, #985c76 83.0%, #7c5173 85.1%, #5f466a 87.2%, #433b5b 89.4%, #2c3048 91.5%, #1a2535 93.6%, #0e1a23 95.7%, #071116 97.9%, #050b0d 100.0%);
background: linear-gradient(135deg in oklch, oklch(9.46% 0.0274 250.83) 0.0%, oklch(10.05% 0.0316 253.57) 2.1%, oklch(10.81% 0.0372 257.47) 4.3%, oklch(11.71% 0.0440 262.57) 6.4%, oklch(12.73% 0.0516 268.30) 8.5%, oklch(13.83% 0.0598 274.41) 10.6%, oklch(14.98% 0.0681 280.61) 12.8%, oklch(16.16% 0.0763 286.62) 14.9%, oklch(17.34% 0.0841 292.17) 17.0%, oklch(18.49% 0.0910 296.99) 19.1%, oklch(19.58% 0.0968 300.80) 21.3%, oklch(20.58% 0.1012 303.32) 23.4%, oklch(21.47% 0.1038 304.26) 25.5%, oklch(22.14% 0.1046 303.01) 27.7%, oklch(22.63% 0.1038 299.76) 29.8%, oklch(23.00% 0.1018 295.01) 31.9%, oklch(23.29% 0.0989 289.25) 34.0%, oklch(23.59% 0.0953 282.96) 36.2%, oklch(23.93% 0.0914 276.63) 38.3%, oklch(24.40% 0.0875 270.75) 40.4%, oklch(25.04% 0.0838 265.82) 42.6%, oklch(25.91% 0.0806 262.31) 44.7%, oklch(27.08% 0.0784 260.72) 46.8%, oklch(28.61% 0.0772 261.53) 48.9%, oklch(30.63% 0.0775 265.40) 51.1%, oklch(33.53% 0.0794 273.24) 53.2%, oklch(37.17% 0.0826 284.40) 55.3%, oklch(41.34% 0.0867 298.02) 57.4%, oklch(45.81% 0.0914 313.22) 59.6%, oklch(50.36% 0.0963 329.14) 61.7%, oklch(54.77% 0.1011 344.91) 63.8%, oklch(58.83% 0.1054 359.66) 66.0%, oklch(62.30% 0.1089 12.53) 68.1%, oklch(64.98% 0.1112 22.65) 70.2%, oklch(66.63% 0.1120 29.15) 72.3%, oklch(67.05% 0.1109 31.16) 74.5%, oklch(65.98% 0.1075 27.93) 76.6%, oklch(63.44% 0.1018 19.77) 78.7%, oklch(59.67% 0.0943 7.54) 80.9%, oklch(54.93% 0.0853 352.11) 83.0%, oklch(49.50% 0.0753 334.37) 85.1%, oklch(43.64% 0.0647 315.18) 87.2%, oklch(37.61% 0.0540 295.42) 89.4%, oklch(31.67% 0.0435 275.96) 91.5%, oklch(26.10% 0.0336 257.68) 93.6%, oklch(21.15% 0.0249 241.44) 95.7%, oklch(17.08% 0.0177 228.13) 97.9%, oklch(14.17% 0.0124 218.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.094 | 0.028 | 250.3 |
| 2 | 0.213 | 0.103 | 304.2 |
| 3 | 0.295 | 0.077 | 263 |
| 4 | 0.669 | 0.11 | 390.9 |
| 5 | 0.142 | 0.012 | 218.6 |

## In these collections

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

## Other forms

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