# Oxblood Into Shadow

Analogous purple, maroon and black linear gradient with 32 colors: #aa5b7e, #a8587a, #a55576, #a25070, #9e4c6a, #9a4664, #96415d, #913b55, #8c354d, #872e45, #82283d, #7c2234, #771c2b, #711622, #6b1119, #640d0f, #5e0a05, #550e00, #491200, #3f1400, #351400, #2c1200, #241000, #1d0e00, #170b00, #110900, #0c0600, #070500, #050300, #030200, #020200, #010100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous purple, maroon and black linear gradient
- Seed: `kSklD7KKtEAiFSa`
- Page: https://grabient.com/kSklD7KKtEAiFSa?steps=32&angle=30
- Drawn as: linear gradient, 32 steps, 30 degrees
- Kinds: light to dark, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#aa5b7e` | `oklch(57.48% 0.1102 352.97)` | Indian Pink | white, 4.6 to 1 |
| 2 | `#a8587a` | `oklch(56.55% 0.1108 354.14)` | Indian Pink | white, 4.8 to 1 |
| 3 | `#a55576` | `oklch(55.43% 0.1117 355.42)` | Cranbrook | white, 5 to 1 |
| 4 | `#a25070` | `oklch(54.13% 0.1130 356.81)` | China Rose | white, 5.3 to 1 |
| 5 | `#9e4c6a` | `oklch(52.68% 0.1146 358.32)` | Cherry Berry | white, 5.7 to 1 |
| 6 | `#9a4664` | `oklch(51.11% 0.1163 359.96)` | Cadillac | white, 6.1 to 1 |
| 7 | `#96415d` | `oklch(49.42% 0.1180 1.75)` | Raspberry Pudding | white, 6.5 to 1 |
| 8 | `#913b55` | `oklch(47.64% 0.1197 3.69)` | Ancient Magenta | white, 7 to 1 |
| 9 | `#8c354d` | `oklch(45.79% 0.1213 5.80)` | That’s My Jam | white, 7.6 to 1 |
| 10 | `#872e45` | `oklch(43.90% 0.1226 8.08)` | Tibetan Red | white, 8.3 to 1 |
| 11 | `#82283d` | `oklch(41.98% 0.1236 10.54)` | Bicyclette | white, 9 to 1 |
| 12 | `#7c2234` | `oklch(40.06% 0.1241 13.20)` | Amaranth Blossom | white, 9.8 to 1 |
| 13 | `#771c2b` | `oklch(38.15% 0.1241 16.06)` | Jazzy Red | white, 10.6 to 1 |
| 14 | `#711622` | `oklch(36.27% 0.1235 19.14)` | Surya Red | white, 11.4 to 1 |
| 15 | `#6b1119` | `oklch(34.46% 0.1221 22.44)` | Festive Bordeaux | white, 12.2 to 1 |
| 16 | `#640d0f` | `oklch(32.72% 0.1199 25.98)` | Blood Organ | white, 13 to 1 |
| 17 | `#5e0a05` | `oklch(31.06% 0.1168 29.82)` | Sacramental Red | white, 13.7 to 1 |
| 18 | `#550e00` | `oklch(29.33% 0.1052 34.09)` | Baragon Brown | white, 14.5 to 1 |
| 19 | `#491200` | `oklch(27.53% 0.0881 39.08)` | Bean | white, 15.2 to 1 |
| 20 | `#3f1400` | `oklch(25.68% 0.0740 44.52)` | Black Chocolate | white, 16 to 1 |
| 21 | `#351400` | `oklch(23.80% 0.0626 50.31)` | Chocolate Melange | white, 16.7 to 1 |
| 22 | `#2c1200` | `oklch(21.90% 0.0534 56.35)` | Shadow Play | white, 17.5 to 1 |
| 23 | `#241000` | `oklch(20.02% 0.0459 62.52)` | Super Black | white, 18.2 to 1 |
| 24 | `#1d0e00` | `oklch(18.16% 0.0397 68.71)` | Super Black | white, 18.8 to 1 |
| 25 | `#170b00` | `oklch(16.35% 0.0345 74.83)` | Soy Sauce | white, 19.3 to 1 |
| 26 | `#110900` | `oklch(14.61% 0.0302 80.77)` | Blackout | white, 19.7 to 1 |
| 27 | `#0c0600` | `oklch(12.96% 0.0265 86.43)` | Blackout | white, 20.1 to 1 |
| 28 | `#070500` | `oklch(11.42% 0.0234 91.73)` | Liquorice | white, 20.3 to 1 |
| 29 | `#050300` | `oklch(10.01% 0.0206 96.59)` | Armour Wash | white, 20.5 to 1 |
| 30 | `#030200` | `oklch(8.75% 0.0182 100.98)` | Armour Wash | white, 20.7 to 1 |
| 31 | `#020200` | `oklch(7.62% 0.0163 106.67)` | Registration Black | white, 20.8 to 1 |
| 32 | `#010100` | `oklch(6.69% 0.0138 110.27)` | Vantablack | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(30deg, #aa5b7e 0.0%, #a8587a 3.2%, #a55576 6.5%, #a25070 9.7%, #9e4c6a 12.9%, #9a4664 16.1%, #96415d 19.4%, #913b55 22.6%, #8c354d 25.8%, #872e45 29.0%, #82283d 32.3%, #7c2234 35.5%, #771c2b 38.7%, #711622 41.9%, #6b1119 45.2%, #640d0f 48.4%, #5e0a05 51.6%, #550e00 54.8%, #491200 58.1%, #3f1400 61.3%, #351400 64.5%, #2c1200 67.7%, #241000 71.0%, #1d0e00 74.2%, #170b00 77.4%, #110900 80.6%, #0c0600 83.9%, #070500 87.1%, #050300 90.3%, #030200 93.5%, #020200 96.8%, #010100 100.0%);
background: linear-gradient(30deg in oklch, oklch(57.48% 0.1102 352.97) 0.0%, oklch(56.55% 0.1108 354.14) 3.2%, oklch(55.43% 0.1117 355.42) 6.5%, oklch(54.13% 0.1130 356.81) 9.7%, oklch(52.68% 0.1146 358.32) 12.9%, oklch(51.11% 0.1163 359.96) 16.1%, oklch(49.42% 0.1180 1.75) 19.4%, oklch(47.64% 0.1197 3.69) 22.6%, oklch(45.79% 0.1213 5.80) 25.8%, oklch(43.90% 0.1226 8.08) 29.0%, oklch(41.98% 0.1236 10.54) 32.3%, oklch(40.06% 0.1241 13.20) 35.5%, oklch(38.15% 0.1241 16.06) 38.7%, oklch(36.27% 0.1235 19.14) 41.9%, oklch(34.46% 0.1221 22.44) 45.2%, oklch(32.72% 0.1199 25.98) 48.4%, oklch(31.06% 0.1168 29.82) 51.6%, oklch(29.33% 0.1052 34.09) 54.8%, oklch(27.53% 0.0881 39.08) 58.1%, oklch(25.68% 0.0740 44.52) 61.3%, oklch(23.80% 0.0626 50.31) 64.5%, oklch(21.90% 0.0534 56.35) 67.7%, oklch(20.02% 0.0459 62.52) 71.0%, oklch(18.16% 0.0397 68.71) 74.2%, oklch(16.35% 0.0345 74.83) 77.4%, oklch(14.61% 0.0302 80.77) 80.6%, oklch(12.96% 0.0265 86.43) 83.9%, oklch(11.42% 0.0234 91.73) 87.1%, oklch(10.01% 0.0206 96.59) 90.3%, oklch(8.75% 0.0182 100.98) 93.5%, oklch(7.62% 0.0163 106.67) 96.8%, oklch(6.69% 0.0138 110.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.11 | 353 |
| 2 | 0.319 | 0.119 | 387.8 |
| 3 | 0.067 | 0.014 | 470.3 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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