# Gray, purple, black and green linear gradient

Gray, purple, black and green linear gradient with 48 colors: #d7cfc2, #cdc8bb, #c0beb2, #b1b2a7, #a1a39c, #919490, #828582, #747675, #676868, #5c5c5c, #525252, #494b4c, #43474a, #40464d, #414654, #49475e, #564766, #68486a, #7b4869, #8e4963, #9d4a58, #a84c4b, #af4e3e, #b04f33, #ad4c2e, #a54730, #984036, #87383c, #73313f, #5e2b40, #48253c, #352035, #251b2b, #191721, #131419, #111214, #121314, #141619, #171d20, #192629, #1b3133, #1e3e3b, #244b41, #2d5944, #3b6545, #4b6f43, #5a7640, #677b3c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW2g86MoJSUUxUuXAbBRiEvI`
- Page: https://grabient.com/kW2g86MoJSUUxUuXAbBRiEvI?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.1 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 | `#d7cfc2` | `oklch(85.83% 0.0207 81.56)` | Sandy Day | black, 13.6 to 1 |
| 2 | `#cdc8bb` | `oklch(83.35% 0.0194 89.23)` | Featherstone | black, 12.5 to 1 |
| 3 | `#c0beb2` | `oklch(79.96% 0.0172 98.84)` | Light Year | black, 11.2 to 1 |
| 4 | `#b1b2a7` | `oklch(75.86% 0.0144 110.10)` | Pebble Walk | black, 9.7 to 1 |
| 5 | `#a1a39c` | `oklch(71.24% 0.0111 122.74)` | Charon | black, 8.2 to 1 |
| 6 | `#919490` | `oklch(66.31% 0.0078 136.48)` | Lost Soul Grey | black, 6.8 to 1 |
| 7 | `#828582` | `oklch(61.25% 0.0046 151.05)` | Happy Hippo | black, 5.6 to 1 |
| 8 | `#747675` | `oklch(56.28% 0.0020 166.17)` | Iron Mountain | white, 4.5 to 1 |
| 9 | `#676868` | `oklch(51.58% 0.0002 181.54)` | Shadow Gargoyle | white, 5.6 to 1 |
| 10 | `#5c5c5c` | `oklch(47.35% 0.0000 89.88)` | Knight’s Armour | white, 6.7 to 1 |
| 11 | `#525252` | `oklch(43.79% 0.0001 212.01)` | Cavernous | white, 7.8 to 1 |
| 12 | `#494b4c` | `oklch(41.10% 0.0025 226.55)` | Dark Shadow | white, 8.7 to 1 |
| 13 | `#43474a` | `oklch(39.47% 0.0069 240.33)` | Little Black Dress | white, 9.4 to 1 |
| 14 | `#40464d` | `oklch(38.99% 0.0145 255.25)` | Alpine Duck Grey | white, 9.5 to 1 |
| 15 | `#414654` | `oklch(39.51% 0.0251 271.67)` | Blue Ash | white, 9.4 to 1 |
| 16 | `#49475e` | `oklch(40.81% 0.0381 289.05)` | Pale Blackish Purple | white, 8.9 to 1 |
| 17 | `#564766` | `oklch(42.69% 0.0526 306.84)` | Woad Purple | white, 8.3 to 1 |
| 18 | `#68486a` | `oklch(44.93% 0.0679 324.48)` | Sultana | white, 7.7 to 1 |
| 19 | `#7b4869` | `oklch(47.34% 0.0832 341.42)` | Fig Cluster | white, 7 to 1 |
| 20 | `#8e4963` | `oklch(49.71% 0.0979 357.12)` | Violet Quartz | white, 6.4 to 1 |
| 21 | `#9d4a58` | `oklch(51.83% 0.1111 11.01)` | Baked Bahama | white, 5.8 to 1 |
| 22 | `#a84c4b` | `oklch(53.50% 0.1221 22.56)` | Pasadena Rose | white, 5.4 to 1 |
| 23 | `#af4e3e` | `oklch(54.51% 0.1301 31.21)` | Spiced Up | white, 5.2 to 1 |
| 24 | `#b04f33` | `oklch(54.65% 0.1345 36.40)` | Crimson Warrior | white, 5.2 to 1 |
| 25 | `#ad4c2e` | `oklch(53.72% 0.1344 37.63)` | Red Terra | white, 5.4 to 1 |
| 26 | `#a54730` | `oklch(51.65% 0.1294 34.95)` | Toasted Paprika | white, 5.9 to 1 |
| 27 | `#984036` | `oklch(48.67% 0.1205 28.89)` | Spicy Red | white, 6.7 to 1 |
| 28 | `#87383c` | `oklch(44.99% 0.1084 19.97)` | Ruby Wine | white, 7.8 to 1 |
| 29 | `#73313f` | `oklch(40.85% 0.0940 8.71)` | Red Octopus | white, 9.3 to 1 |
| 30 | `#5e2b40` | `oklch(36.47% 0.0783 355.64)` | Vistoris Lake | white, 11.1 to 1 |
| 31 | `#48253c` | `oklch(32.09% 0.0621 341.27)` | Prestige Mauve | white, 13 to 1 |
| 32 | `#352035` | `oklch(27.94% 0.0463 326.14)` | Fat Tuesday | white, 14.8 to 1 |
| 33 | `#251b2b` | `oklch(24.23% 0.0318 310.76)` | Black Howl | white, 16.4 to 1 |
| 34 | `#191721` | `oklch(21.22% 0.0194 295.67)` | River Styx | white, 17.6 to 1 |
| 35 | `#131419` | `oklch(19.11% 0.0101 281.37)` | Dark Void | white, 18.4 to 1 |
| 36 | `#111214` | `oklch(18.15% 0.0048 268.41)` | Dark Tone Ink | white, 18.7 to 1 |
| 37 | `#121314` | `oklch(18.49% 0.0038 256.39)` | Cursed Black | white, 18.6 to 1 |
| 38 | `#141619` | `oklch(20.02% 0.0061 243.52)` | Dark Void | white, 18 to 1 |
| 39 | `#171d20` | `oklch(22.52% 0.0113 229.98)` | Gluon Grey | white, 17 to 1 |
| 40 | `#192629` | `oklch(25.79% 0.0187 216.04)` | Washed Black | white, 15.5 to 1 |
| 41 | `#1b3133` | `oklch(29.62% 0.0278 201.98)` | Dark Pine Green | white, 13.6 to 1 |
| 42 | `#1e3e3b` | `oklch(33.81% 0.0380 188.09)` | Botanical Night | white, 11.6 to 1 |
| 43 | `#244b41` | `oklch(38.16% 0.0488 174.64)` | Blackboard Green | white, 9.6 to 1 |
| 44 | `#2d5944` | `oklch(42.46% 0.0595 161.92)` | Billiard Green | white, 8 to 1 |
| 45 | `#3b6545` | `oklch(46.51% 0.0696 150.19)` | Forest Serenade | white, 6.7 to 1 |
| 46 | `#4b6f43` | `oklch(50.11% 0.0786 139.75)` | Under the Radar | white, 5.7 to 1 |
| 47 | `#5a7640` | `oklch(53.04% 0.0859 130.87)` | Majestic Jungle | white, 5.1 to 1 |
| 48 | `#677b3c` | `oklch(55.12% 0.0909 123.83)` | Military Green | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d7cfc2 0.0%, #cdc8bb 2.1%, #c0beb2 4.3%, #b1b2a7 6.4%, #a1a39c 8.5%, #919490 10.6%, #828582 12.8%, #747675 14.9%, #676868 17.0%, #5c5c5c 19.1%, #525252 21.3%, #494b4c 23.4%, #43474a 25.5%, #40464d 27.7%, #414654 29.8%, #49475e 31.9%, #564766 34.0%, #68486a 36.2%, #7b4869 38.3%, #8e4963 40.4%, #9d4a58 42.6%, #a84c4b 44.7%, #af4e3e 46.8%, #b04f33 48.9%, #ad4c2e 51.1%, #a54730 53.2%, #984036 55.3%, #87383c 57.4%, #73313f 59.6%, #5e2b40 61.7%, #48253c 63.8%, #352035 66.0%, #251b2b 68.1%, #191721 70.2%, #131419 72.3%, #111214 74.5%, #121314 76.6%, #141619 78.7%, #171d20 80.9%, #192629 83.0%, #1b3133 85.1%, #1e3e3b 87.2%, #244b41 89.4%, #2d5944 91.5%, #3b6545 93.6%, #4b6f43 95.7%, #5a7640 97.9%, #677b3c 100.0%);
background: linear-gradient(45deg in oklch, oklch(85.83% 0.0207 81.56) 0.0%, oklch(83.35% 0.0194 89.23) 2.1%, oklch(79.96% 0.0172 98.84) 4.3%, oklch(75.86% 0.0144 110.10) 6.4%, oklch(71.24% 0.0111 122.74) 8.5%, oklch(66.31% 0.0078 136.48) 10.6%, oklch(61.25% 0.0046 151.05) 12.8%, oklch(56.28% 0.0020 166.17) 14.9%, oklch(51.58% 0.0002 181.54) 17.0%, oklch(47.35% 0.0000 89.88) 19.1%, oklch(43.79% 0.0001 212.01) 21.3%, oklch(41.10% 0.0025 226.55) 23.4%, oklch(39.47% 0.0069 240.33) 25.5%, oklch(38.99% 0.0145 255.25) 27.7%, oklch(39.51% 0.0251 271.67) 29.8%, oklch(40.81% 0.0381 289.05) 31.9%, oklch(42.69% 0.0526 306.84) 34.0%, oklch(44.93% 0.0679 324.48) 36.2%, oklch(47.34% 0.0832 341.42) 38.3%, oklch(49.71% 0.0979 357.12) 40.4%, oklch(51.83% 0.1111 11.01) 42.6%, oklch(53.50% 0.1221 22.56) 44.7%, oklch(54.51% 0.1301 31.21) 46.8%, oklch(54.65% 0.1345 36.40) 48.9%, oklch(53.72% 0.1344 37.63) 51.1%, oklch(51.65% 0.1294 34.95) 53.2%, oklch(48.67% 0.1205 28.89) 55.3%, oklch(44.99% 0.1084 19.97) 57.4%, oklch(40.85% 0.0940 8.71) 59.6%, oklch(36.47% 0.0783 355.64) 61.7%, oklch(32.09% 0.0621 341.27) 63.8%, oklch(27.94% 0.0463 326.14) 66.0%, oklch(24.23% 0.0318 310.76) 68.1%, oklch(21.22% 0.0194 295.67) 70.2%, oklch(19.11% 0.0101 281.37) 72.3%, oklch(18.15% 0.0048 268.41) 74.5%, oklch(18.49% 0.0038 256.39) 76.6%, oklch(20.02% 0.0061 243.52) 78.7%, oklch(22.52% 0.0113 229.98) 80.9%, oklch(25.79% 0.0187 216.04) 83.0%, oklch(29.62% 0.0278 201.98) 85.1%, oklch(33.81% 0.0380 188.09) 87.2%, oklch(38.16% 0.0488 174.64) 89.4%, oklch(42.46% 0.0595 161.92) 91.5%, oklch(46.51% 0.0696 150.19) 93.6%, oklch(50.11% 0.0786 139.75) 95.7%, oklch(53.04% 0.0859 130.87) 97.9%, oklch(55.12% 0.0909 123.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.021 | 81.6 |
| 2 | 0.398 | 0.006 | 236.9 |
| 3 | 0.543 | 0.135 | 397.5 |
| 4 | 0.181 | 0.004 | 265.4 |
| 5 | 0.551 | 0.091 | 123.8 |

## Other forms

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