# Black lipstick fade

The Black lipstick fade brings together dark gray, magenta, and pale purple. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is pale purple.

- Also called: Analogous black, purple and pink linear gradient
- Seed: `kUJAPLowI_8tPSNymrsA`
- Page: https://grabient.com/kUJAPLowI_8tPSNymrsA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.4 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 | `#09090b` | `oklch(14.17% 0.0041 286.17)` | Existential Angst | white, 19.8 to 1 |
| 2 | `#0b0b0c` | `oklch(14.86% 0.0033 285.85)` | Raven | white, 19.7 to 1 |
| 3 | `#0c0c0d` | `oklch(15.65% 0.0011 285.04)` | Black Wash | white, 19.5 to 1 |
| 4 | `#0e0e0e` | `oklch(16.54% 0.0000 89.88)` | Black Sheep | white, 19.2 to 1 |
| 5 | `#111111` | `oklch(17.55% 0.0000 89.88)` | Dreamless Sleep | white, 18.9 to 1 |
| 6 | `#131313` | `oklch(18.69% 0.0000 89.88)` | Cursed Black | white, 18.5 to 1 |
| 7 | `#161616` | `oklch(19.98% 0.0000 89.88)` | Pot Black | white, 18.1 to 1 |
| 8 | `#191919` | `oklch(21.43% 0.0000 89.88)` | Thamar Black | white, 17.5 to 1 |
| 9 | `#1d1d1d` | `oklch(23.05% 0.0000 89.88)` | Dynamic Black | white, 16.8 to 1 |
| 10 | `#212121` | `oklch(24.85% 0.0000 89.88)` | Lead | white, 16 to 1 |
| 11 | `#262627` | `oklch(26.85% 0.0023 285.04)` | Nero | white, 15.1 to 1 |
| 12 | `#2b2a32` | `oklch(29.08% 0.0139 289.12)` | Night Sky | white, 14.1 to 1 |
| 13 | `#332f40` | `oklch(31.62% 0.0317 295.29)` | Oil Rush | white, 12.9 to 1 |
| 14 | `#3f3250` | `oklch(34.41% 0.0541 303.08)` | Naggaroth Night | white, 11.8 to 1 |
| 15 | `#4f335f` | `oklch(37.41% 0.0797 311.98)` | Royal Crown | white, 10.6 to 1 |
| 16 | `#63336b` | `oklch(40.58% 0.1070 321.46)` | Wineberry | white, 9.4 to 1 |
| 17 | `#7a3073` | `oklch(43.85% 0.1343 331.01)` | Veronica Purple | white, 8.4 to 1 |
| 18 | `#922b77` | `oklch(47.17% 0.1602 340.11)` | Violet Vixen | white, 7.4 to 1 |
| 19 | `#a92576` | `oklch(50.51% 0.1831 348.24)` | Carroburg Crimson | white, 6.5 to 1 |
| 20 | `#bf2174` | `oklch(53.80% 0.2014 354.88)` | Treasured Love | white, 5.7 to 1 |
| 21 | `#d12173` | `oklch(57.00% 0.2137 359.50)` | Pink Peacock | white, 5 to 1 |
| 22 | `#df2b77` | `oklch(60.08% 0.2184 1.61)` | Watermelon Sugar | black, 4.7 to 1 |
| 23 | `#ea3b82` | `oklch(63.31% 0.2155 1.27)` | Cerise Pink | black, 5.4 to 1 |
| 24 | `#f14e92` | `oklch(66.72% 0.2063 358.95)` | French Rose | black, 6.2 to 1 |
| 25 | `#f662a5` | `oklch(70.21% 0.1924 355.06)` | Fugitive Flamingo | black, 7.2 to 1 |
| 26 | `#f876b9` | `oklch(73.71% 0.1749 350.03)` | Pop That Gum | black, 8.2 to 1 |
| 27 | `#f889cc` | `oklch(77.14% 0.1553 344.30)` | Bubblegum Beam | black, 9.4 to 1 |
| 28 | `#f79cdd` | `oklch(80.40% 0.1349 338.28)` | Lavender Rose | black, 10.7 to 1 |
| 29 | `#f5adea` | `oklch(83.41% 0.1151 332.42)` | Hanami Pink | black, 12 to 1 |
| 30 | `#f4bbf3` | `oklch(86.10% 0.0973 327.13)` | Lovecloud | black, 13.2 to 1 |
| 31 | `#f4c7f9` | `oklch(88.38% 0.0828 322.84)` | Aquarelle Lilac | black, 14.3 to 1 |
| 32 | `#f5d0fd` | `oklch(90.16% 0.0730 319.99)` | Sassy Pink | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #09090b 0.0%, #0b0b0c 3.2%, #0c0c0d 6.5%, #0e0e0e 9.7%, #111111 12.9%, #131313 16.1%, #161616 19.4%, #191919 22.6%, #1d1d1d 25.8%, #212121 29.0%, #262627 32.3%, #2b2a32 35.5%, #332f40 38.7%, #3f3250 41.9%, #4f335f 45.2%, #63336b 48.4%, #7a3073 51.6%, #922b77 54.8%, #a92576 58.1%, #bf2174 61.3%, #d12173 64.5%, #df2b77 67.7%, #ea3b82 71.0%, #f14e92 74.2%, #f662a5 77.4%, #f876b9 80.6%, #f889cc 83.9%, #f79cdd 87.1%, #f5adea 90.3%, #f4bbf3 93.5%, #f4c7f9 96.8%, #f5d0fd 100.0%);
background: linear-gradient(45deg in oklch, oklch(14.17% 0.0041 286.17) 0.0%, oklch(14.86% 0.0033 285.85) 3.2%, oklch(15.65% 0.0011 285.04) 6.5%, oklch(16.54% 0.0000 89.88) 9.7%, oklch(17.55% 0.0000 89.88) 12.9%, oklch(18.69% 0.0000 89.88) 16.1%, oklch(19.98% 0.0000 89.88) 19.4%, oklch(21.43% 0.0000 89.88) 22.6%, oklch(23.05% 0.0000 89.88) 25.8%, oklch(24.85% 0.0000 89.88) 29.0%, oklch(26.85% 0.0023 285.04) 32.3%, oklch(29.08% 0.0139 289.12) 35.5%, oklch(31.62% 0.0317 295.29) 38.7%, oklch(34.41% 0.0541 303.08) 41.9%, oklch(37.41% 0.0797 311.98) 45.2%, oklch(40.58% 0.1070 321.46) 48.4%, oklch(43.85% 0.1343 331.01) 51.6%, oklch(47.17% 0.1602 340.11) 54.8%, oklch(50.51% 0.1831 348.24) 58.1%, oklch(53.80% 0.2014 354.88) 61.3%, oklch(57.00% 0.2137 359.50) 64.5%, oklch(60.08% 0.2184 1.61) 67.7%, oklch(63.31% 0.2155 1.27) 71.0%, oklch(66.72% 0.2063 358.95) 74.2%, oklch(70.21% 0.1924 355.06) 77.4%, oklch(73.71% 0.1749 350.03) 80.6%, oklch(77.14% 0.1553 344.30) 83.9%, oklch(80.40% 0.1349 338.28) 87.1%, oklch(83.41% 0.1151 332.42) 90.3%, oklch(86.10% 0.0973 327.13) 93.5%, oklch(88.38% 0.0828 322.84) 96.8%, oklch(90.16% 0.0730 319.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.004 | 286.2 |
| 2 | 0.276 | 0.006 | 286.2 |
| 3 | 0.591 | 0.218 | 361.2 |
| 4 | 0.902 | 0.073 | 320 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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