# Black sage coral glow

Black, gray and salmon linear gradient with 21 colors: #0c0001, #0c0000, #0a0300, #0c0902, #13160c, #1a271e, #23362f, #2f413a, #3d4b42, #4c5549, #5f5e51, #72675b, #846e63, #987368, #ad776c, #c17a71, #d47c74, #e67e76, #f37e78, #fe7d78, #ff807d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray and salmon linear gradient
- Seed: `kcGCINkQdHqYKSe1iL1xAm1VAbvLaMD9Xry_o`
- Page: https://grabient.com/kcGCINkQdHqYKSe1iL1xAm1VAbvLaMD9Xry_o?steps=21&angle=180
- Drawn as: linear gradient, 21 steps, 180 degrees
- Kinds: dark to light, muted
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.5 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 | `#0c0001` | `oklch(9.70% 0.0390 21.63)` | Dark Matter | white, 20.6 to 1 |
| 2 | `#0c0000` | `oklch(10.06% 0.0373 32.83)` | Dark Matter | white, 20.6 to 1 |
| 3 | `#0a0300` | `oklch(11.15% 0.0258 61.39)` | Liquorice | white, 20.4 to 1 |
| 4 | `#0c0902` | `oklch(13.93% 0.0189 88.43)` | Blackout | white, 19.9 to 1 |
| 5 | `#13160c` | `oklch(19.30% 0.0206 122.02)` | Darkness | white, 18.3 to 1 |
| 6 | `#1a271e` | `oklch(25.80% 0.0255 154.89)` | Swamp Thing | white, 15.4 to 1 |
| 7 | `#23362f` | `oklch(31.32% 0.0276 171.52)` | Holly | white, 12.8 to 1 |
| 8 | `#2f413a` | `oklch(35.75% 0.0262 170.55)` | Roycroft Bottle Green | white, 10.8 to 1 |
| 9 | `#3d4b42` | `oklch(39.80% 0.0240 158.22)` | Deep Mooring | white, 9.1 to 1 |
| 10 | `#4c5549` | `oklch(43.90% 0.0230 137.56)` | Deep Evergreen | white, 7.7 to 1 |
| 11 | `#5f5e51` | `oklch(48.01% 0.0214 103.39)` | Hayden Valley | white, 6.5 to 1 |
| 12 | `#72675b` | `oklch(51.94% 0.0232 68.84)` | Grouchy Badger | white, 5.5 to 1 |
| 13 | `#846e63` | `oklch(55.58% 0.0330 48.24)` | Summer Sparrow | white, 4.7 to 1 |
| 14 | `#987368` | `oklch(58.96% 0.0504 37.99)` | Antique Rose | black, 4.9 to 1 |
| 15 | `#ad776c` | `oklch(62.12% 0.0703 32.18)` | Rum Spice | black, 5.6 to 1 |
| 16 | `#c17a71` | `oklch(65.17% 0.0899 27.65)` | Antique Pink | black, 6.2 to 1 |
| 17 | `#d47c74` | `oklch(68.10% 0.1109 26.14)` | Bite My Tongue | black, 6.9 to 1 |
| 18 | `#e67e76` | `oklch(70.57% 0.1299 25.49)` | Tango Pink | black, 7.5 to 1 |
| 19 | `#f37e78` | `oklch(72.36% 0.1453 24.39)` | Meat | black, 8 to 1 |
| 20 | `#fe7d78` | `oklch(73.60% 0.1581 23.67)` | Salmon Sashimi | black, 8.3 to 1 |
| 21 | `#ff807d` | `oklch(74.41% 0.1551 23.21)` | Light Red | black, 8.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0c0001 0.0%, #0c0000 5.0%, #0a0300 10.0%, #0c0902 15.0%, #13160c 20.0%, #1a271e 25.0%, #23362f 30.0%, #2f413a 35.0%, #3d4b42 40.0%, #4c5549 45.0%, #5f5e51 50.0%, #72675b 55.0%, #846e63 60.0%, #987368 65.0%, #ad776c 70.0%, #c17a71 75.0%, #d47c74 80.0%, #e67e76 85.0%, #f37e78 90.0%, #fe7d78 95.0%, #ff807d 100.0%);
background: linear-gradient(180deg in oklch, oklch(9.70% 0.0390 21.63) 0.0%, oklch(10.06% 0.0373 32.83) 5.0%, oklch(11.15% 0.0258 61.39) 10.0%, oklch(13.93% 0.0189 88.43) 15.0%, oklch(19.30% 0.0206 122.02) 20.0%, oklch(25.80% 0.0255 154.89) 25.0%, oklch(31.32% 0.0276 171.52) 30.0%, oklch(35.75% 0.0262 170.55) 35.0%, oklch(39.80% 0.0240 158.22) 40.0%, oklch(43.90% 0.0230 137.56) 45.0%, oklch(48.01% 0.0214 103.39) 50.0%, oklch(51.94% 0.0232 68.84) 55.0%, oklch(55.58% 0.0330 48.24) 60.0%, oklch(58.96% 0.0504 37.99) 65.0%, oklch(62.12% 0.0703 32.18) 70.0%, oklch(65.17% 0.0899 27.65) 75.0%, oklch(68.10% 0.1109 26.14) 80.0%, oklch(70.57% 0.1299 25.49) 85.0%, oklch(72.36% 0.1453 24.39) 90.0%, oklch(73.60% 0.1581 23.67) 95.0%, oklch(74.41% 0.1551 23.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.094 | 0.047 | 19 |
| 2 | 0.134 | 0.019 | 84.5 |
| 3 | 0.299 | 0.028 | 169 |
| 4 | 0.421 | 0.023 | 147.9 |
| 5 | 0.535 | 0.026 | 58.1 |
| 6 | 0.63 | 0.076 | 30.6 |
| 7 | 0.709 | 0.132 | 25.3 |
| 8 | 0.744 | 0.167 | 23.2 |

## In these collections

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

## Other forms

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