# Plum black to pearl

Black, gray and white linear gradient with 32 colors: #0c070d, #0e080f, #100911, #140b14, #170e18, #1c111c, #211521, #271a27, #2f202e, #382837, #433241, #4e3d4d, #5b4a59, #685666, #766474, #837180, #8f7d8d, #9c8a99, #a998a6, #b6a6b3, #c2b4c0, #cec1cc, #d9cdd7, #e2d7e0, #eadfe8, #efe6ee, #f4ebf2, #f7eff6, #faf2f9, #fcf5fb, #fef7fc, #fff9fe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray and white linear gradient
- Seed: `kWIwzkoQxA0sLwByBkA_YO_w`
- Page: https://grabient.com/kWIwzkoQxA0sLwByBkA_YO_w?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 19.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 | `#0c070d` | `oklch(13.78% 0.0165 321.33)` | Chyornyi Black | white, 19.9 to 1 |
| 2 | `#0e080f` | `oklch(14.61% 0.0180 321.97)` | Chyornyi Black | white, 19.8 to 1 |
| 3 | `#100911` | `oklch(15.55% 0.0201 322.87)` | Noir Fiction | white, 19.5 to 1 |
| 4 | `#140b14` | `oklch(16.66% 0.0226 323.94)` | Noir Fiction | white, 19.2 to 1 |
| 5 | `#170e18` | `oklch(18.00% 0.0252 325.11)` | Shot in the Dark | white, 18.9 to 1 |
| 6 | `#1c111c` | `oklch(19.62% 0.0279 326.27)` | Shot in the Dark | white, 18.3 to 1 |
| 7 | `#211521` | `oklch(21.58% 0.0302 327.34)` | Inside | white, 17.6 to 1 |
| 8 | `#271a27` | `oklch(23.93% 0.0321 328.23)` | Black Cherry | white, 16.6 to 1 |
| 9 | `#2f202e` | `oklch(26.74% 0.0333 328.85)` | Delighted Chimp | white, 15.3 to 1 |
| 10 | `#382837` | `oklch(30.16% 0.0340 329.24)` | Obsidian Red | white, 13.7 to 1 |
| 11 | `#433241` | `oklch(34.13% 0.0344 329.46)` | Voodoo | white, 11.8 to 1 |
| 12 | `#4e3d4d` | `oklch(38.50% 0.0345 329.56)` | Dark Energy | white, 9.9 to 1 |
| 13 | `#5b4a59` | `oklch(43.11% 0.0343 329.59)` | Deep Merlot | white, 8.2 to 1 |
| 14 | `#685666` | `oklch(47.83% 0.0338 329.59)` | Olivine Basalt | white, 6.7 to 1 |
| 15 | `#766474` | `oklch(52.49% 0.0331 329.61)` | Burnt Ash | white, 5.4 to 1 |
| 16 | `#837180` | `oklch(56.95% 0.0322 329.70)` | Decorative Iris | black, 4.6 to 1 |
| 17 | `#8f7d8d` | `oklch(61.15% 0.0311 329.89)` | Iced Orchid | black, 5.4 to 1 |
| 18 | `#9c8a99` | `oklch(65.47% 0.0295 330.17)` | Piano Mauve | black, 6.5 to 1 |
| 19 | `#a998a6` | `oklch(69.90% 0.0275 330.50)` | Pink Orthoclase | black, 7.7 to 1 |
| 20 | `#b6a6b3` | `oklch(74.29% 0.0253 330.84)` | Buckwheat Mauve | black, 9.1 to 1 |
| 21 | `#c2b4c0` | `oklch(78.54% 0.0230 331.18)` | Pink Bravado | black, 10.5 to 1 |
| 22 | `#cec1cc` | `oklch(82.50% 0.0207 331.48)` | So Dainty | black, 12.1 to 1 |
| 23 | `#d9cdd7` | `oklch(86.06% 0.0187 331.72)` | Light Puffball | black, 13.6 to 1 |
| 24 | `#e2d7e0` | `oklch(89.10% 0.0169 331.87)` | Little Lilac | black, 15 to 1 |
| 25 | `#eadfe8` | `oklch(91.53% 0.0155 331.91)` | Weathered Pink | black, 16.2 to 1 |
| 26 | `#efe6ee` | `oklch(93.45% 0.0143 331.85)` | In the Spotlight | black, 17.2 to 1 |
| 27 | `#f4ebf2` | `oklch(94.94% 0.0132 331.71)` | Snow Plum | black, 18 to 1 |
| 28 | `#f7eff6` | `oklch(96.09% 0.0123 331.52)` | Sentimental Pink | black, 18.6 to 1 |
| 29 | `#faf2f9` | `oklch(96.97% 0.0114 331.32)` | Abalone | black, 19.1 to 1 |
| 30 | `#fcf5fb` | `oklch(97.66% 0.0107 331.12)` | Walkie Chalkie | black, 19.5 to 1 |
| 31 | `#fef7fc` | `oklch(98.25% 0.0101 330.95)` | Cold Snow | black, 19.8 to 1 |
| 32 | `#fff9fe` | `oklch(98.82% 0.0091 330.78)` | Cold Snow | black, 20.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0c070d 0.0%, #0e080f 3.2%, #100911 6.5%, #140b14 9.7%, #170e18 12.9%, #1c111c 16.1%, #211521 19.4%, #271a27 22.6%, #2f202e 25.8%, #382837 29.0%, #433241 32.3%, #4e3d4d 35.5%, #5b4a59 38.7%, #685666 41.9%, #766474 45.2%, #837180 48.4%, #8f7d8d 51.6%, #9c8a99 54.8%, #a998a6 58.1%, #b6a6b3 61.3%, #c2b4c0 64.5%, #cec1cc 67.7%, #d9cdd7 71.0%, #e2d7e0 74.2%, #eadfe8 77.4%, #efe6ee 80.6%, #f4ebf2 83.9%, #f7eff6 87.1%, #faf2f9 90.3%, #fcf5fb 93.5%, #fef7fc 96.8%, #fff9fe 100.0%);
background: linear-gradient(45deg in oklch, oklch(13.78% 0.0165 321.33) 0.0%, oklch(14.61% 0.0180 321.97) 3.2%, oklch(15.55% 0.0201 322.87) 6.5%, oklch(16.66% 0.0226 323.94) 9.7%, oklch(18.00% 0.0252 325.11) 12.9%, oklch(19.62% 0.0279 326.27) 16.1%, oklch(21.58% 0.0302 327.34) 19.4%, oklch(23.93% 0.0321 328.23) 22.6%, oklch(26.74% 0.0333 328.85) 25.8%, oklch(30.16% 0.0340 329.24) 29.0%, oklch(34.13% 0.0344 329.46) 32.3%, oklch(38.50% 0.0345 329.56) 35.5%, oklch(43.11% 0.0343 329.59) 38.7%, oklch(47.83% 0.0338 329.59) 41.9%, oklch(52.49% 0.0331 329.61) 45.2%, oklch(56.95% 0.0322 329.70) 48.4%, oklch(61.15% 0.0311 329.89) 51.6%, oklch(65.47% 0.0295 330.17) 54.8%, oklch(69.90% 0.0275 330.50) 58.1%, oklch(74.29% 0.0253 330.84) 61.3%, oklch(78.54% 0.0230 331.18) 64.5%, oklch(82.50% 0.0207 331.48) 67.7%, oklch(86.06% 0.0187 331.72) 71.0%, oklch(89.10% 0.0169 331.87) 74.2%, oklch(91.53% 0.0155 331.91) 77.4%, oklch(93.45% 0.0143 331.85) 80.6%, oklch(94.94% 0.0132 331.71) 83.9%, oklch(96.09% 0.0123 331.52) 87.1%, oklch(96.97% 0.0114 331.32) 90.3%, oklch(97.66% 0.0107 331.12) 93.5%, oklch(98.25% 0.0101 330.95) 96.8%, oklch(98.82% 0.0091 330.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.138 | 0.017 | 321.3 |
| 2 | 0.26 | 0.033 | 328.7 |
| 3 | 0.591 | 0.032 | 329.8 |
| 4 | 0.898 | 0.017 | 331.9 |
| 5 | 0.988 | 0.01 | 330.8 |

## In these collections

- [Black and white gradients](https://grabient.com/black-and-white-gradients)

## Other forms

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