# Mauve light crosses navy shadow

Gray, dark purple, black and teal linear gradient with 32 colors: #b0a79b, #a69a8e, #99877c, #8a7169, #785a58, #65444a, #513141, #3e233a, #2e1a36, #1f1531, #10112b, #030e23, #000c18, #000b11, #000c0f, #001012, #031719, #122529, #29383f, #454f5a, #646875, #81808e, #9a94a2, #a9a0b0, #aca3b6, #a29eb6, #8e95b1, #7189a6, #4f7d93, #2d727b, #106762, #016050. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, dark purple, black and teal linear gradient
- Seed: `kWug41ohSyRWKshcCUyt52wA`
- Page: https://grabient.com/kWug41ohSyRWKshcCUyt52wA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#b0a79b` | `oklch(73.23% 0.0193 75.23)` | Deer Run | black, 8.8 to 1 |
| 2 | `#a69a8e` | `oklch(69.24% 0.0227 66.02)` | Cobblestone | black, 7.6 to 1 |
| 3 | `#99877c` | `oklch(63.63% 0.0279 53.74)` | Ginnezumi | black, 6.1 to 1 |
| 4 | `#8a7169` | `oklch(56.94% 0.0340 39.12)` | Elkhound | black, 4.6 to 1 |
| 5 | `#785a58` | `oklch(49.70% 0.0404 22.88)` | Czarina | white, 6.2 to 1 |
| 6 | `#65444a` | `oklch(42.44% 0.0466 5.76)` | Shaded Fuchsia | white, 8.5 to 1 |
| 7 | `#513141` | `oklch(35.70% 0.0517 348.47)` | Velvet Touch | white, 11.2 to 1 |
| 8 | `#3e233a` | `oklch(30.02% 0.0553 331.77)` | Profound Mauve | white, 13.9 to 1 |
| 9 | `#2e1a36` | `oklch(25.87% 0.0566 316.18)` | Blackcurrant | white, 15.8 to 1 |
| 10 | `#1f1531` | `oklch(22.39% 0.0555 298.79)` | Blacklist | white, 17.3 to 1 |
| 11 | `#10112b` | `oklch(19.28% 0.0525 279.42)` | Spanish Roast | white, 18.4 to 1 |
| 12 | `#030e23` | `oklch(16.72% 0.0483 259.52)` | Void | white, 19.2 to 1 |
| 13 | `#000c18` | `oklch(14.93% 0.0351 241.51)` | Black Knight | white, 19.6 to 1 |
| 14 | `#000b11` | `oklch(14.02% 0.0266 224.98)` | Black Knight | white, 19.8 to 1 |
| 15 | `#000c0f` | `oklch(14.21% 0.0248 211.94)` | Black Knight | white, 19.8 to 1 |
| 16 | `#001012` | `oklch(15.68% 0.0268 204.25)` | Black Glaze | white, 19.4 to 1 |
| 17 | `#031719` | `oklch(18.83% 0.0279 203.82)` | Black Is Back | white, 18.4 to 1 |
| 18 | `#122529` | `oklch(24.83% 0.0257 213.10)` | Sunken Ship | white, 15.9 to 1 |
| 19 | `#29383f` | `oklch(32.97% 0.0237 229.39)` | Electromagnetic | white, 12.1 to 1 |
| 20 | `#454f5a` | `oklch(42.27% 0.0221 249.68)` | Royal Navy | white, 8.3 to 1 |
| 21 | `#646875` | `oklch(51.78% 0.0211 270.95)` | Alley Cat | white, 5.5 to 1 |
| 22 | `#81808e` | `oklch(60.53% 0.0209 290.20)` | Purpletone | black, 5.4 to 1 |
| 23 | `#9a94a2` | `oklch(67.55% 0.0218 304.42)` | Ash Violet | black, 7.1 to 1 |
| 24 | `#a9a0b0` | `oklch(71.89% 0.0240 310.60)` | Grapeade | black, 8.3 to 1 |
| 25 | `#aca3b6` | `oklch(72.86% 0.0281 306.54)` | Obi Lilac | black, 8.6 to 1 |
| 26 | `#a29eb6` | `oklch(71.09% 0.0346 293.96)` | Royal Mile | black, 8.1 to 1 |
| 27 | `#8e95b1` | `oklch(67.30% 0.0427 275.34)` | Monarchy | black, 7 to 1 |
| 28 | `#7189a6` | `oklch(62.23% 0.0516 253.09)` | Faded Denim | black, 5.8 to 1 |
| 29 | `#4f7d93` | `oklch(56.61% 0.0608 229.64)` | Coelin Blue | black, 4.7 to 1 |
| 30 | `#2d727b` | `oklch(51.16% 0.0692 207.41)` | King Tide | white, 5.5 to 1 |
| 31 | `#106762` | `oklch(46.61% 0.0763 188.83)` | Butterfly Green | white, 6.6 to 1 |
| 32 | `#016050` | `oklch(43.70% 0.0813 176.33)` | Alpine Green | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b0a79b 0.0%, #a69a8e 3.2%, #99877c 6.5%, #8a7169 9.7%, #785a58 12.9%, #65444a 16.1%, #513141 19.4%, #3e233a 22.6%, #2e1a36 25.8%, #1f1531 29.0%, #10112b 32.3%, #030e23 35.5%, #000c18 38.7%, #000b11 41.9%, #000c0f 45.2%, #001012 48.4%, #031719 51.6%, #122529 54.8%, #29383f 58.1%, #454f5a 61.3%, #646875 64.5%, #81808e 67.7%, #9a94a2 71.0%, #a9a0b0 74.2%, #aca3b6 77.4%, #a29eb6 80.6%, #8e95b1 83.9%, #7189a6 87.1%, #4f7d93 90.3%, #2d727b 93.5%, #106762 96.8%, #016050 100.0%);
background: linear-gradient(225deg in oklch, oklch(73.23% 0.0193 75.23) 0.0%, oklch(69.24% 0.0227 66.02) 3.2%, oklch(63.63% 0.0279 53.74) 6.5%, oklch(56.94% 0.0340 39.12) 9.7%, oklch(49.70% 0.0404 22.88) 12.9%, oklch(42.44% 0.0466 5.76) 16.1%, oklch(35.70% 0.0517 348.47) 19.4%, oklch(30.02% 0.0553 331.77) 22.6%, oklch(25.87% 0.0566 316.18) 25.8%, oklch(22.39% 0.0555 298.79) 29.0%, oklch(19.28% 0.0525 279.42) 32.3%, oklch(16.72% 0.0483 259.52) 35.5%, oklch(14.93% 0.0351 241.51) 38.7%, oklch(14.02% 0.0266 224.98) 41.9%, oklch(14.21% 0.0248 211.94) 45.2%, oklch(15.68% 0.0268 204.25) 48.4%, oklch(18.83% 0.0279 203.82) 51.6%, oklch(24.83% 0.0257 213.10) 54.8%, oklch(32.97% 0.0237 229.39) 58.1%, oklch(42.27% 0.0221 249.68) 61.3%, oklch(51.78% 0.0211 270.95) 64.5%, oklch(60.53% 0.0209 290.20) 67.7%, oklch(67.55% 0.0218 304.42) 71.0%, oklch(71.89% 0.0240 310.60) 74.2%, oklch(72.86% 0.0281 306.54) 77.4%, oklch(71.09% 0.0346 293.96) 80.6%, oklch(67.30% 0.0427 275.34) 83.9%, oklch(62.23% 0.0516 253.09) 87.1%, oklch(56.61% 0.0608 229.64) 90.3%, oklch(51.16% 0.0692 207.41) 93.5%, oklch(46.61% 0.0763 188.83) 96.8%, oklch(43.70% 0.0813 176.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.019 | 75.2 |
| 2 | 0.268 | 0.056 | -40 |
| 3 | 0.169 | 0.029 | -157.3 |
| 4 | 0.724 | 0.025 | -49.5 |
| 5 | 0.437 | 0.081 | -183.7 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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