# Crimson burgundy shadow gradient

Warm pink, red and brown linear gradient with 32 colors: #e54061, #e23f5d, #dd3e58, #d83c53, #d23a4d, #cb3947, #c43740, #bd363a, #b63534, #af342e, #a83429, #a13424, #9b3520, #94371e, #8e381c, #87391b, #803a1b, #793b1b, #723b1c, #6c3b1c, #653b1c, #5f3a1c, #59381b, #523619, #4b3418, #453116, #3f2f15, #392c14, #342a12, #2f2712, #2c2511, #292411. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm pink, red and brown linear gradient
- Seed: `kUnpIKPrdBzGZwwhDESA`
- Page: https://grabient.com/kUnpIKPrdBzGZwwhDESA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#e54061` | `oklch(62.20% 0.2012 14.06)` | Paradise Pink | black, 5.2 to 1 |
| 2 | `#e23f5d` | `oklch(61.45% 0.1985 14.93)` | Paradise Pink | black, 5 to 1 |
| 3 | `#dd3e58` | `oklch(60.47% 0.1952 15.97)` | Teaberry | black, 4.9 to 1 |
| 4 | `#d83c53` | `oklch(59.30% 0.1914 17.19)` | Teaberry | black, 4.6 to 1 |
| 5 | `#d23a4d` | `oklch(57.99% 0.1870 18.56)` | Smooch Rouge | white, 4.7 to 1 |
| 6 | `#cb3947` | `oklch(56.59% 0.1823 20.07)` | Poinsettia | white, 4.9 to 1 |
| 7 | `#c43740` | `oklch(55.13% 0.1772 21.71)` | Rococco Red | white, 5.2 to 1 |
| 8 | `#bd363a` | `oklch(53.66% 0.1717 23.46)` | Rockin Red | white, 5.6 to 1 |
| 9 | `#b63534` | `oklch(52.22% 0.1659 25.31)` | Red Obsession | white, 5.9 to 1 |
| 10 | `#af342e` | `oklch(50.85% 0.1599 27.24)` | Cardinal’s Cassock | white, 6.2 to 1 |
| 11 | `#a83429` | `oklch(49.60% 0.1537 29.23)` | Sweet Brown | white, 6.5 to 1 |
| 12 | `#a13424` | `oklch(48.48% 0.1471 31.30)` | Brick | white, 6.8 to 1 |
| 13 | `#9b3520` | `oklch(47.44% 0.1398 33.44)` | Spill the Beans | white, 7.1 to 1 |
| 14 | `#94371e` | `oklch(46.44% 0.1318 35.67)` | Choco Chic | white, 7.4 to 1 |
| 15 | `#8e381c` | `oklch(45.49% 0.1233 37.99)` | Red Prairie | white, 7.7 to 1 |
| 16 | `#87391b` | `oklch(44.56% 0.1145 40.42)` | Dusky Orange | white, 7.9 to 1 |
| 17 | `#803a1b` | `oklch(43.63% 0.1058 42.95)` | Kara Cha Brown | white, 8.2 to 1 |
| 18 | `#793b1b` | `oklch(42.70% 0.0972 45.59)` | Kara Cha Brown | white, 8.5 to 1 |
| 19 | `#723b1c` | `oklch(41.75% 0.0889 48.35)` | Peruvian Soil | white, 8.8 to 1 |
| 20 | `#6c3b1c` | `oklch(40.75% 0.0812 51.24)` | Searing Gorge Brown | white, 9.1 to 1 |
| 21 | `#653b1c` | `oklch(39.71% 0.0743 54.25)` | Cassiterite Brown | white, 9.5 to 1 |
| 22 | `#5f3a1c` | `oklch(38.59% 0.0684 57.42)` | Cassiterite Brown | white, 9.9 to 1 |
| 23 | `#59381b` | `oklch(37.34% 0.0630 61.04)` | Kuro Brown | white, 10.4 to 1 |
| 24 | `#523619` | `oklch(35.97% 0.0582 65.08)` | Moelleux au Chocolat | white, 11 to 1 |
| 25 | `#4b3418` | `oklch(34.53% 0.0537 69.38)` | Bavarian Sweet Mustard | white, 11.6 to 1 |
| 26 | `#453116` | `oklch(33.06% 0.0497 73.83)` | Iroko | white, 12.2 to 1 |
| 27 | `#3f2f15` | `oklch(31.60% 0.0460 78.27)` | Pullman Green | white, 12.9 to 1 |
| 28 | `#392c14` | `oklch(30.20% 0.0427 82.56)` | Brown Tumbleweed | white, 13.5 to 1 |
| 29 | `#342a12` | `oklch(28.89% 0.0398 86.56)` | Brown Tumbleweed | white, 14.1 to 1 |
| 30 | `#2f2712` | `oklch(27.72% 0.0373 90.13)` | Black Slug | white, 14.7 to 1 |
| 31 | `#2c2511` | `oklch(26.74% 0.0350 93.14)` | Black Slug | white, 15.1 to 1 |
| 32 | `#292411` | `oklch(25.98% 0.0331 95.43)` | Black Mesa | white, 15.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e54061 0.0%, #e23f5d 3.2%, #dd3e58 6.5%, #d83c53 9.7%, #d23a4d 12.9%, #cb3947 16.1%, #c43740 19.4%, #bd363a 22.6%, #b63534 25.8%, #af342e 29.0%, #a83429 32.3%, #a13424 35.5%, #9b3520 38.7%, #94371e 41.9%, #8e381c 45.2%, #87391b 48.4%, #803a1b 51.6%, #793b1b 54.8%, #723b1c 58.1%, #6c3b1c 61.3%, #653b1c 64.5%, #5f3a1c 67.7%, #59381b 71.0%, #523619 74.2%, #4b3418 77.4%, #453116 80.6%, #3f2f15 83.9%, #392c14 87.1%, #342a12 90.3%, #2f2712 93.5%, #2c2511 96.8%, #292411 100.0%);
background: linear-gradient(45deg in oklch, oklch(62.20% 0.2012 14.06) 0.0%, oklch(61.45% 0.1985 14.93) 3.2%, oklch(60.47% 0.1952 15.97) 6.5%, oklch(59.30% 0.1914 17.19) 9.7%, oklch(57.99% 0.1870 18.56) 12.9%, oklch(56.59% 0.1823 20.07) 16.1%, oklch(55.13% 0.1772 21.71) 19.4%, oklch(53.66% 0.1717 23.46) 22.6%, oklch(52.22% 0.1659 25.31) 25.8%, oklch(50.85% 0.1599 27.24) 29.0%, oklch(49.60% 0.1537 29.23) 32.3%, oklch(48.48% 0.1471 31.30) 35.5%, oklch(47.44% 0.1398 33.44) 38.7%, oklch(46.44% 0.1318 35.67) 41.9%, oklch(45.49% 0.1233 37.99) 45.2%, oklch(44.56% 0.1145 40.42) 48.4%, oklch(43.63% 0.1058 42.95) 51.6%, oklch(42.70% 0.0972 45.59) 54.8%, oklch(41.75% 0.0889 48.35) 58.1%, oklch(40.75% 0.0812 51.24) 61.3%, oklch(39.71% 0.0743 54.25) 64.5%, oklch(38.59% 0.0684 57.42) 67.7%, oklch(37.34% 0.0630 61.04) 71.0%, oklch(35.97% 0.0582 65.08) 74.2%, oklch(34.53% 0.0537 69.38) 77.4%, oklch(33.06% 0.0497 73.83) 80.6%, oklch(31.60% 0.0460 78.27) 83.9%, oklch(30.20% 0.0427 82.56) 87.1%, oklch(28.89% 0.0398 86.56) 90.3%, oklch(27.72% 0.0373 90.13) 93.5%, oklch(26.74% 0.0350 93.14) 96.8%, oklch(25.98% 0.0331 95.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.201 | 14.1 |
| 2 | 0.492 | 0.152 | 29.9 |
| 3 | 0.39 | 0.07 | 56.3 |
| 4 | 0.26 | 0.033 | 95.4 |

## In these collections

- [Fire gradients](https://grabient.com/fire-gradients)

## Other forms

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