# Bone acid violet shadow

Brown, gray and navy linear gradient with 48 colors: #291507, #2f190d, #361f15, #3f271f, #49302b, #543a38, #5f4545, #6a5052, #745a5e, #7d6369, #856a71, #8b6f77, #8e7178, #907075, #906d6d, #8e6862, #896353, #825d43, #775832, #695421, #5a5013, #4b4c08, #3d4804, #324402, #2c4100, #293c00, #293800, #2a3300, #2b2e00, #2c2a00, #2d2500, #2d2100, #2e1e00, #2f1a00, #301701, #2f1404, #2f1308, #2f120d, #2f1113, #2f1219, #2e131f, #2d1425, #2c162b, #291931, #271b35, #241d39, #211f3b, #1f213c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray and navy linear gradient
- Seed: `kWOB4lyY256ygzqdEraoRKwg`
- Page: https://grabient.com/kWOB4lyY256ygzqdEraoRKwg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.9 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 | `#291507` | `oklch(22.05% 0.0413 52.73)` | Zinnwaldite Brown | white, 17.4 to 1 |
| 2 | `#2f190d` | `oklch(24.01% 0.0409 49.64)` | Darkout | white, 16.5 to 1 |
| 3 | `#361f15` | `oklch(26.75% 0.0402 44.96)` | Scorched | white, 15.3 to 1 |
| 4 | `#3f271f` | `oklch(30.08% 0.0392 39.12)` | Woodsy Brown | white, 13.7 to 1 |
| 5 | `#49302b` | `oklch(33.83% 0.0381 32.52)` | Rojo Marrón | white, 12 to 1 |
| 6 | `#543a38` | `oklch(37.83% 0.0369 25.59)` | Royal Maroon | white, 10.2 to 1 |
| 7 | `#5f4545` | `oklch(41.89% 0.0359 18.74)` | Embarcadero | white, 8.6 to 1 |
| 8 | `#6a5052` | `oklch(45.86% 0.0350 12.40)` | Ripe Fig | white, 7.3 to 1 |
| 9 | `#745a5e` | `oklch(49.54% 0.0345 6.98)` | Falcon Wing | white, 6.2 to 1 |
| 10 | `#7d6369` | `oklch(52.76% 0.0344 2.90)` | Amazing Amethyst | white, 5.4 to 1 |
| 11 | `#856a71` | `oklch(55.36% 0.0348 0.58)` | Punctuate | white, 4.8 to 1 |
| 12 | `#8b6f77` | `oklch(57.16% 0.0359 0.44)` | Myself | black, 4.6 to 1 |
| 13 | `#8e7178` | `oklch(57.98% 0.0378 2.92)` | Myself | black, 4.8 to 1 |
| 14 | `#907075` | `oklch(57.88% 0.0408 8.85)` | Myself | black, 4.7 to 1 |
| 15 | `#906d6d` | `oklch(57.02% 0.0450 17.92)` | Moss Rose | black, 4.6 to 1 |
| 16 | `#8e6862` | `oklch(55.51% 0.0501 29.42)` | Creamed Muscat | white, 4.8 to 1 |
| 17 | `#896353` | `oklch(53.49% 0.0558 42.66)` | How Now | white, 5.2 to 1 |
| 18 | `#825d43` | `oklch(51.09% 0.0618 56.94)` | Coffee Bar | white, 5.8 to 1 |
| 19 | `#775832` | `oklch(48.44% 0.0678 71.55)` | Cold Brew Coffee | white, 6.4 to 1 |
| 20 | `#695421` | `oklch(45.66% 0.0736 85.80)` | Field Drab | white, 7.2 to 1 |
| 21 | `#5a5013` | `oklch(42.89% 0.0789 99.00)` | Scorzonera Brown | white, 8.1 to 1 |
| 22 | `#4b4c08` | `oklch(40.24% 0.0834 110.43)` | Scorzonera Brown | white, 8.9 to 1 |
| 23 | `#3d4804` | `oklch(37.86% 0.0869 119.40)` | Green Not Found | white, 9.8 to 1 |
| 24 | `#324402` | `oklch(35.85% 0.0891 125.21)` | Garden Shadow | white, 10.6 to 1 |
| 25 | `#2c4100` | `oklch(34.30% 0.0890 127.42)` | Garden Shadow | white, 11.3 to 1 |
| 26 | `#293c00` | `oklch(32.86% 0.0847 126.99)` | Dark Olive | white, 12 to 1 |
| 27 | `#293800` | `oklch(31.47% 0.0785 124.41)` | Blind Forest | white, 12.6 to 1 |
| 28 | `#2a3300` | `oklch(30.15% 0.0715 119.96)` | Blind Forest | white, 13.3 to 1 |
| 29 | `#2b2e00` | `oklch(28.90% 0.0649 113.90)` | Blind Forest | white, 14 to 1 |
| 30 | `#2c2a00` | `oklch(27.73% 0.0593 106.52)` | Secret Passage | white, 14.6 to 1 |
| 31 | `#2d2500` | `oklch(26.66% 0.0551 98.08)` | Black Swan | white, 15.2 to 1 |
| 32 | `#2d2100` | `oklch(25.68% 0.0525 88.88)` | Black Swan | white, 15.7 to 1 |
| 33 | `#2e1e00` | `oklch(24.81% 0.0515 79.20)` | Powdered Cocoa | white, 16.1 to 1 |
| 34 | `#2f1a00` | `oklch(24.06% 0.0523 69.33)` | Powdered Cocoa | white, 16.5 to 1 |
| 35 | `#301701` | `oklch(23.43% 0.0539 60.05)` | Shadow Play | white, 16.8 to 1 |
| 36 | `#2f1404` | `oklch(22.94% 0.0514 50.74)` | Shadow Play | white, 17.1 to 1 |
| 37 | `#2f1308` | `oklch(22.61% 0.0499 41.41)` | Darkout | white, 17.2 to 1 |
| 38 | `#2f120d` | `oklch(22.51% 0.0489 30.71)` | Dark Danger | white, 17.3 to 1 |
| 39 | `#2f1113` | `oklch(22.58% 0.0483 18.91)` | Dark Danger | white, 17.3 to 1 |
| 40 | `#2f1219` | `oklch(22.81% 0.0481 6.35)` | Dark Danger | white, 17.2 to 1 |
| 41 | `#2e131f` | `oklch(23.16% 0.0482 353.35)` | Black Cherry | white, 17 to 1 |
| 42 | `#2d1425` | `oklch(23.59% 0.0485 340.26)` | Black Cherry | white, 16.9 to 1 |
| 43 | `#2c162b` | `oklch(24.07% 0.0490 327.40)` | Black Cherry | white, 16.6 to 1 |
| 44 | `#291931` | `oklch(24.56% 0.0495 315.13)` | Blackcurrant | white, 16.4 to 1 |
| 45 | `#271b35` | `oklch(25.03% 0.0500 303.77)` | Throat | white, 16.2 to 1 |
| 46 | `#241d39` | `oklch(25.45% 0.0505 293.66)` | Throat | white, 15.9 to 1 |
| 47 | `#211f3b` | `oklch(25.78% 0.0509 285.13)` | Throat | white, 15.8 to 1 |
| 48 | `#1f213c` | `oklch(25.98% 0.0510 278.53)` | Cool Balaclavas Are Forever | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #291507 0.0%, #2f190d 2.1%, #361f15 4.3%, #3f271f 6.4%, #49302b 8.5%, #543a38 10.6%, #5f4545 12.8%, #6a5052 14.9%, #745a5e 17.0%, #7d6369 19.1%, #856a71 21.3%, #8b6f77 23.4%, #8e7178 25.5%, #907075 27.7%, #906d6d 29.8%, #8e6862 31.9%, #896353 34.0%, #825d43 36.2%, #775832 38.3%, #695421 40.4%, #5a5013 42.6%, #4b4c08 44.7%, #3d4804 46.8%, #324402 48.9%, #2c4100 51.1%, #293c00 53.2%, #293800 55.3%, #2a3300 57.4%, #2b2e00 59.6%, #2c2a00 61.7%, #2d2500 63.8%, #2d2100 66.0%, #2e1e00 68.1%, #2f1a00 70.2%, #301701 72.3%, #2f1404 74.5%, #2f1308 76.6%, #2f120d 78.7%, #2f1113 80.9%, #2f1219 83.0%, #2e131f 85.1%, #2d1425 87.2%, #2c162b 89.4%, #291931 91.5%, #271b35 93.6%, #241d39 95.7%, #211f3b 97.9%, #1f213c 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0413 52.73) 0.0%, oklch(24.01% 0.0409 49.64) 2.1%, oklch(26.75% 0.0402 44.96) 4.3%, oklch(30.08% 0.0392 39.12) 6.4%, oklch(33.83% 0.0381 32.52) 8.5%, oklch(37.83% 0.0369 25.59) 10.6%, oklch(41.89% 0.0359 18.74) 12.8%, oklch(45.86% 0.0350 12.40) 14.9%, oklch(49.54% 0.0345 6.98) 17.0%, oklch(52.76% 0.0344 2.90) 19.1%, oklch(55.36% 0.0348 0.58) 21.3%, oklch(57.16% 0.0359 0.44) 23.4%, oklch(57.98% 0.0378 2.92) 25.5%, oklch(57.88% 0.0408 8.85) 27.7%, oklch(57.02% 0.0450 17.92) 29.8%, oklch(55.51% 0.0501 29.42) 31.9%, oklch(53.49% 0.0558 42.66) 34.0%, oklch(51.09% 0.0618 56.94) 36.2%, oklch(48.44% 0.0678 71.55) 38.3%, oklch(45.66% 0.0736 85.80) 40.4%, oklch(42.89% 0.0789 99.00) 42.6%, oklch(40.24% 0.0834 110.43) 44.7%, oklch(37.86% 0.0869 119.40) 46.8%, oklch(35.85% 0.0891 125.21) 48.9%, oklch(34.30% 0.0890 127.42) 51.1%, oklch(32.86% 0.0847 126.99) 53.2%, oklch(31.47% 0.0785 124.41) 55.3%, oklch(30.15% 0.0715 119.96) 57.4%, oklch(28.90% 0.0649 113.90) 59.6%, oklch(27.73% 0.0593 106.52) 61.7%, oklch(26.66% 0.0551 98.08) 63.8%, oklch(25.68% 0.0525 88.88) 66.0%, oklch(24.81% 0.0515 79.20) 68.1%, oklch(24.06% 0.0523 69.33) 70.2%, oklch(23.43% 0.0539 60.05) 72.3%, oklch(22.94% 0.0514 50.74) 74.5%, oklch(22.61% 0.0499 41.41) 76.6%, oklch(22.51% 0.0489 30.71) 78.7%, oklch(22.58% 0.0483 18.91) 80.9%, oklch(22.81% 0.0481 6.35) 83.0%, oklch(23.16% 0.0482 353.35) 85.1%, oklch(23.59% 0.0485 340.26) 87.2%, oklch(24.07% 0.0490 327.40) 89.4%, oklch(24.56% 0.0495 315.13) 91.5%, oklch(25.03% 0.0500 303.77) 93.6%, oklch(25.45% 0.0505 293.66) 95.7%, oklch(25.78% 0.0509 285.13) 97.9%, oklch(25.98% 0.0510 278.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.041 | 52.7 |
| 2 | 0.579 | 0.037 | 2 |
| 3 | 0.35 | 0.09 | 126.7 |
| 4 | 0.228 | 0.051 | 48.5 |
| 5 | 0.26 | 0.051 | -81.5 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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