# Black violet empty pool

Black, purple, navy and light blue linear gradient with 40 colors: #181b24, #1d1f29, #232531, #2b2c3a, #343444, #3f3d4f, #4b465b, #584f66, #655871, #71607b, #7c6883, #856d8a, #8c728f, #907491, #8f7391, #8b6f8d, #856a87, #7c627f, #715a77, #66516d, #5b4964, #50415b, #463953, #3e344d, #383049, #342e47, #333049, #35344e, #383b56, #3e4561, #44516f, #4b607d, #536f8d, #5c809d, #6591ac, #6da2ba, #76b1c7, #7ec0d2, #86ccda, #8bd4e0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple, navy and light blue linear gradient
- Seed: `kUOQ3Ay5RGSkQO9pGzZA`
- Page: https://grabient.com/kUOQ3Ay5RGSkQO9pGzZA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#181b24` | `oklch(22.44% 0.0179 270.70)` | Coarse Wool | white, 17.1 to 1 |
| 2 | `#1d1f29` | `oklch(24.25% 0.0197 273.33)` | Black Howl | white, 16.3 to 1 |
| 3 | `#232531` | `oklch(26.74% 0.0221 276.92)` | Closed Shutter | white, 15.2 to 1 |
| 4 | `#2b2c3a` | `oklch(29.77% 0.0249 281.28)` | Black Rock | white, 13.8 to 1 |
| 5 | `#343444` | `oklch(33.20% 0.0282 286.22)` | Pauper | white, 12.1 to 1 |
| 6 | `#3f3d4f` | `oklch(36.90% 0.0317 291.55)` | India Ink | white, 10.5 to 1 |
| 7 | `#4b465b` | `oklch(40.73% 0.0354 297.06)` | Oath | white, 9 to 1 |
| 8 | `#584f66` | `oklch(44.54% 0.0390 302.57)` | Illusionist | white, 7.7 to 1 |
| 9 | `#655871` | `oklch(48.20% 0.0426 307.88)` | Rich Texture | white, 6.5 to 1 |
| 10 | `#71607b` | `oklch(51.58% 0.0460 312.79)` | Grape Compote | white, 5.7 to 1 |
| 11 | `#7c6883` | `oklch(54.53% 0.0491 317.12)` | Matriarch | white, 5 to 1 |
| 12 | `#856d8a` | `oklch(56.92% 0.0517 320.66)` | Grey Purple | white, 4.5 to 1 |
| 13 | `#8c728f` | `oklch(58.60% 0.0537 323.21)` | Wine Stroll | black, 4.9 to 1 |
| 14 | `#907491` | `oklch(59.45% 0.0551 324.60)` | Felicia | black, 5 to 1 |
| 15 | `#8f7391` | `oklch(59.25% 0.0557 324.95)` | Felicia | black, 5 to 1 |
| 16 | `#8b6f8d` | `oklch(58.03% 0.0557 324.59)` | Mauveine | black, 4.7 to 1 |
| 17 | `#856a87` | `oklch(55.97% 0.0550 323.56)` | Beauty | white, 4.7 to 1 |
| 18 | `#7c627f` | `oklch(53.28% 0.0539 321.94)` | Montana Grape | white, 5.3 to 1 |
| 19 | `#715a77` | `oklch(50.14% 0.0525 319.77)` | Princely Violet | white, 6.1 to 1 |
| 20 | `#66516d` | `oklch(46.76% 0.0509 317.11)` | Blackberry Farm | white, 7 to 1 |
| 21 | `#5b4964` | `oklch(43.31% 0.0492 314.02)` | Paparazzi | white, 8.1 to 1 |
| 22 | `#50415b` | `oklch(40.00% 0.0475 310.56)` | Royal Indigo | white, 9.3 to 1 |
| 23 | `#463953` | `oklch(37.03% 0.0460 306.79)` | Gothic Grape | white, 10.6 to 1 |
| 24 | `#3e344d` | `oklch(34.57% 0.0448 302.76)` | Caddies Silk | white, 11.6 to 1 |
| 25 | `#383049` | `oklch(32.83% 0.0440 298.54)` | Chrysomela Goettingensis | white, 12.4 to 1 |
| 26 | `#342e47` | `oklch(32.01% 0.0437 294.17)` | Plum Fuzz | white, 12.8 to 1 |
| 27 | `#333049` | `oklch(32.28% 0.0441 289.72)` | Plum Fuzz | white, 12.6 to 1 |
| 28 | `#35344e` | `oklch(33.76% 0.0452 284.77)` | Tiě Hēi Metal | white, 11.9 to 1 |
| 29 | `#383b56` | `oklch(36.27% 0.0468 278.95)` | Magic Night | white, 10.8 to 1 |
| 30 | `#3e4561` | `oklch(39.65% 0.0489 272.45)` | Blue Wonder | white, 9.4 to 1 |
| 31 | `#44516f` | `oklch(43.72% 0.0514 265.45)` | Astronaut | white, 7.8 to 1 |
| 32 | `#4b607d` | `oklch(48.31% 0.0541 258.11)` | Sapphire Earbobs | white, 6.4 to 1 |
| 33 | `#536f8d` | `oklch(53.24% 0.0571 250.61)` | Porch Song | white, 5.2 to 1 |
| 34 | `#5c809d` | `oklch(58.34% 0.0601 243.13)` | Blue Beads | black, 5 to 1 |
| 35 | `#6591ac` | `oklch(63.43% 0.0631 235.84)` | Treasure Map Waters | black, 6.1 to 1 |
| 36 | `#6da2ba` | `oklch(68.35% 0.0660 228.92)` | Pacific Palisade | black, 7.5 to 1 |
| 37 | `#76b1c7` | `oklch(72.90% 0.0686 222.53)` | Frisky Blue | black, 8.9 to 1 |
| 38 | `#7ec0d2` | `oklch(76.92% 0.0710 216.86)` | Ocean Horizon | black, 10.3 to 1 |
| 39 | `#86ccda` | `oklch(80.24% 0.0730 212.07)` | Spray | black, 11.6 to 1 |
| 40 | `#8bd4e0` | `oklch(82.68% 0.0744 208.35)` | Plunging Waterfall | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #181b24 0.0%, #1d1f29 2.6%, #232531 5.1%, #2b2c3a 7.7%, #343444 10.3%, #3f3d4f 12.8%, #4b465b 15.4%, #584f66 17.9%, #655871 20.5%, #71607b 23.1%, #7c6883 25.6%, #856d8a 28.2%, #8c728f 30.8%, #907491 33.3%, #8f7391 35.9%, #8b6f8d 38.5%, #856a87 41.0%, #7c627f 43.6%, #715a77 46.2%, #66516d 48.7%, #5b4964 51.3%, #50415b 53.8%, #463953 56.4%, #3e344d 59.0%, #383049 61.5%, #342e47 64.1%, #333049 66.7%, #35344e 69.2%, #383b56 71.8%, #3e4561 74.4%, #44516f 76.9%, #4b607d 79.5%, #536f8d 82.1%, #5c809d 84.6%, #6591ac 87.2%, #6da2ba 89.7%, #76b1c7 92.3%, #7ec0d2 94.9%, #86ccda 97.4%, #8bd4e0 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.44% 0.0179 270.70) 0.0%, oklch(24.25% 0.0197 273.33) 2.6%, oklch(26.74% 0.0221 276.92) 5.1%, oklch(29.77% 0.0249 281.28) 7.7%, oklch(33.20% 0.0282 286.22) 10.3%, oklch(36.90% 0.0317 291.55) 12.8%, oklch(40.73% 0.0354 297.06) 15.4%, oklch(44.54% 0.0390 302.57) 17.9%, oklch(48.20% 0.0426 307.88) 20.5%, oklch(51.58% 0.0460 312.79) 23.1%, oklch(54.53% 0.0491 317.12) 25.6%, oklch(56.92% 0.0517 320.66) 28.2%, oklch(58.60% 0.0537 323.21) 30.8%, oklch(59.45% 0.0551 324.60) 33.3%, oklch(59.25% 0.0557 324.95) 35.9%, oklch(58.03% 0.0557 324.59) 38.5%, oklch(55.97% 0.0550 323.56) 41.0%, oklch(53.28% 0.0539 321.94) 43.6%, oklch(50.14% 0.0525 319.77) 46.2%, oklch(46.76% 0.0509 317.11) 48.7%, oklch(43.31% 0.0492 314.02) 51.3%, oklch(40.00% 0.0475 310.56) 53.8%, oklch(37.03% 0.0460 306.79) 56.4%, oklch(34.57% 0.0448 302.76) 59.0%, oklch(32.83% 0.0440 298.54) 61.5%, oklch(32.01% 0.0437 294.17) 64.1%, oklch(32.28% 0.0441 289.72) 66.7%, oklch(33.76% 0.0452 284.77) 69.2%, oklch(36.27% 0.0468 278.95) 71.8%, oklch(39.65% 0.0489 272.45) 74.4%, oklch(43.72% 0.0514 265.45) 76.9%, oklch(48.31% 0.0541 258.11) 79.5%, oklch(53.24% 0.0571 250.61) 82.1%, oklch(58.34% 0.0601 243.13) 84.6%, oklch(63.43% 0.0631 235.84) 87.2%, oklch(68.35% 0.0660 228.92) 89.7%, oklch(72.90% 0.0686 222.53) 92.3%, oklch(76.92% 0.0710 216.86) 94.9%, oklch(80.24% 0.0730 212.07) 97.4%, oklch(82.68% 0.0744 208.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.018 | 270.7 |
| 2 | 0.594 | 0.055 | 324.6 |
| 3 | 0.323 | 0.044 | 289.7 |
| 4 | 0.827 | 0.074 | 208.4 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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