# Dried rose and black lace

Analogous black, mauve and pink linear gradient with 32 colors: #12080c, #15090e, #190b11, #1e0e15, #231119, #29141d, #301722, #371b26, #3d1f2b, #44222f, #4c2634, #542a38, #5c2f3d, #643342, #6d3847, #753e4c, #7e4452, #864a58, #8f515f, #975866, #a0606d, #a86874, #b0707b, #b87882, #c08189, #c78c90, #ce9798, #d5a2a1, #dbada9, #e0b6b2, #e4bfb9, #e7c5bf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, mauve and pink linear gradient
- Seed: `kWJg_5I5JAjkdQRSnUCbA7CQ`
- Page: https://grabient.com/kWJg_5I5JAjkdQRSnUCbA7CQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#12080c` | `oklch(14.96% 0.0207 350.16)` | Chyornyi Black | white, 19.7 to 1 |
| 2 | `#15090e` | `oklch(15.97% 0.0230 350.55)` | Noir Fiction | white, 19.4 to 1 |
| 3 | `#190b11` | `oklch(17.29% 0.0260 351.04)` | Noir Fiction | white, 19.1 to 1 |
| 4 | `#1e0e15` | `oklch(18.86% 0.0297 351.62)` | Shot in the Dark | white, 18.6 to 1 |
| 5 | `#231119` | `oklch(20.63% 0.0338 352.29)` | Italian Roast | white, 18 to 1 |
| 6 | `#29141d` | `oklch(22.52% 0.0381 353.04)` | Black Cherry | white, 17.3 to 1 |
| 7 | `#301722` | `oklch(24.50% 0.0424 353.86)` | Black Cherry | white, 16.4 to 1 |
| 8 | `#371b26` | `oklch(26.49% 0.0466 354.74)` | Bruised Plum | white, 15.5 to 1 |
| 9 | `#3d1f2b` | `oklch(28.44% 0.0506 355.69)` | Jasmin Beauty | white, 14.6 to 1 |
| 10 | `#44222f` | `oklch(30.43% 0.0547 356.78)` | Castro | white, 13.7 to 1 |
| 11 | `#4c2634` | `oklch(32.49% 0.0592 358.02)` | Wine Tasting | white, 12.8 to 1 |
| 12 | `#542a38` | `oklch(34.61% 0.0638 359.35)` | Black Rose | white, 11.8 to 1 |
| 13 | `#5c2f3d` | `oklch(36.80% 0.0682 0.71)` | Windsor Wine | white, 10.8 to 1 |
| 14 | `#643342` | `oklch(39.05% 0.0723 2.05)` | Clinker Red | white, 9.9 to 1 |
| 15 | `#6d3847` | `oklch(41.35% 0.0759 3.31)` | Catawba | white, 9 to 1 |
| 16 | `#753e4c` | `oklch(43.69% 0.0788 4.45)` | Vintage Merlot | white, 8.2 to 1 |
| 17 | `#7e4452` | `oklch(46.09% 0.0809 5.38)` | Dark Strawberry | white, 7.4 to 1 |
| 18 | `#864a58` | `oklch(48.57% 0.0824 6.02)` | Wine Not | white, 6.6 to 1 |
| 19 | `#8f515f` | `oklch(51.13% 0.0836 6.45)` | Velour Scar | white, 5.9 to 1 |
| 20 | `#975866` | `oklch(53.74% 0.0842 6.80)` | Vive L’amour | white, 5.3 to 1 |
| 21 | `#a0606d` | `oklch(56.38% 0.0843 7.19)` | Deco Rose | white, 4.7 to 1 |
| 22 | `#a86874` | `oklch(59.04% 0.0837 7.75)` | Berry Crush | black, 4.8 to 1 |
| 23 | `#b0707b` | `oklch(61.69% 0.0825 8.59)` | Shade of Mauve | black, 5.4 to 1 |
| 24 | `#b87882` | `oklch(64.31% 0.0805 9.84)` | Precious Garnet | black, 6 to 1 |
| 25 | `#c08189` | `oklch(66.99% 0.0775 11.68)` | Lipstick Pink | black, 6.7 to 1 |
| 26 | `#c78c90` | `oklch(69.89% 0.0728 14.16)` | Greyish Pink | black, 7.5 to 1 |
| 27 | `#ce9798` | `oklch(72.90% 0.0671 17.08)` | Silk Stone | black, 8.4 to 1 |
| 28 | `#d5a2a1` | `oklch(75.89% 0.0607 20.21)` | Rosetti Pink | black, 9.4 to 1 |
| 29 | `#dbada9` | `oklch(78.73% 0.0544 23.32)` | Pink Stock | black, 10.5 to 1 |
| 30 | `#e0b6b2` | `oklch(81.28% 0.0484 26.19)` | Cherry Tree | black, 11.5 to 1 |
| 31 | `#e4bfb9` | `oklch(83.43% 0.0435 28.60)` | Miniature Posey | black, 12.4 to 1 |
| 32 | `#e7c5bf` | `oklch(85.04% 0.0400 30.31)` | Empire Rose | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #12080c 0.0%, #15090e 3.2%, #190b11 6.5%, #1e0e15 9.7%, #231119 12.9%, #29141d 16.1%, #301722 19.4%, #371b26 22.6%, #3d1f2b 25.8%, #44222f 29.0%, #4c2634 32.3%, #542a38 35.5%, #5c2f3d 38.7%, #643342 41.9%, #6d3847 45.2%, #753e4c 48.4%, #7e4452 51.6%, #864a58 54.8%, #8f515f 58.1%, #975866 61.3%, #a0606d 64.5%, #a86874 67.7%, #b0707b 71.0%, #b87882 74.2%, #c08189 77.4%, #c78c90 80.6%, #ce9798 83.9%, #d5a2a1 87.1%, #dbada9 90.3%, #e0b6b2 93.5%, #e4bfb9 96.8%, #e7c5bf 100.0%);
background: linear-gradient(135deg in oklch, oklch(14.96% 0.0207 350.16) 0.0%, oklch(15.97% 0.0230 350.55) 3.2%, oklch(17.29% 0.0260 351.04) 6.5%, oklch(18.86% 0.0297 351.62) 9.7%, oklch(20.63% 0.0338 352.29) 12.9%, oklch(22.52% 0.0381 353.04) 16.1%, oklch(24.50% 0.0424 353.86) 19.4%, oklch(26.49% 0.0466 354.74) 22.6%, oklch(28.44% 0.0506 355.69) 25.8%, oklch(30.43% 0.0547 356.78) 29.0%, oklch(32.49% 0.0592 358.02) 32.3%, oklch(34.61% 0.0638 359.35) 35.5%, oklch(36.80% 0.0682 0.71) 38.7%, oklch(39.05% 0.0723 2.05) 41.9%, oklch(41.35% 0.0759 3.31) 45.2%, oklch(43.69% 0.0788 4.45) 48.4%, oklch(46.09% 0.0809 5.38) 51.6%, oklch(48.57% 0.0824 6.02) 54.8%, oklch(51.13% 0.0836 6.45) 58.1%, oklch(53.74% 0.0842 6.80) 61.3%, oklch(56.38% 0.0843 7.19) 64.5%, oklch(59.04% 0.0837 7.75) 67.7%, oklch(61.69% 0.0825 8.59) 71.0%, oklch(64.31% 0.0805 9.84) 74.2%, oklch(66.99% 0.0775 11.68) 77.4%, oklch(69.89% 0.0728 14.16) 80.6%, oklch(72.90% 0.0671 17.08) 83.9%, oklch(75.89% 0.0607 20.21) 87.1%, oklch(78.73% 0.0544 23.32) 90.3%, oklch(81.28% 0.0484 26.19) 93.5%, oklch(83.43% 0.0435 28.60) 96.8%, oklch(85.04% 0.0400 30.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.021 | 350.2 |
| 2 | 0.28 | 0.05 | 355.4 |
| 3 | 0.449 | 0.08 | 365 |
| 4 | 0.65 | 0.08 | 370.2 |
| 5 | 0.85 | 0.04 | 390.3 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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