# Black, gray, beige and purple linear gradient

Black, gray, beige and purple linear gradient with 40 colors: #192b25, #20322e, #2b3c39, #384947, #475756, #586667, #6a7578, #7c8588, #8c9498, #9ba1a5, #a8abb0, #b3b4b9, #bdbcc0, #c5c4c7, #cdcacc, #d3d0d1, #d8d5d5, #ddd9d9, #e1dcda, #e5dfda, #e8e1d8, #eae2d4, #ece3cf, #ece3c7, #ece2bf, #ebe0b4, #e9dda9, #e8d89d, #e7d290, #e6c982, #e5bd76, #e3ac6a, #df9863, #d78363, #cb6f68, #ba5d70, #a54f78, #91457d, #7e3e80, #703981. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWRRN6XQNJvOEVHqo0IuK6wo`
- Page: https://grabient.com/kWRRN6XQNJvOEVHqo0IuK6wo?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#192b25` | `oklch(27.17% 0.0262 171.56)` | Guerrilla Forest | white, 14.8 to 1 |
| 2 | `#20322e` | `oklch(30.12% 0.0250 176.18)` | Lacquer Green | white, 13.4 to 1 |
| 3 | `#2b3c39` | `oklch(34.10% 0.0233 181.61)` | Scarab | white, 11.5 to 1 |
| 4 | `#384947` | `oklch(38.87% 0.0213 187.87)` | Green Gables | white, 9.5 to 1 |
| 5 | `#475756` | `oklch(44.18% 0.0191 194.99)` | Sabionando Grey | white, 7.6 to 1 |
| 6 | `#586667` | `oklch(49.80% 0.0168 202.99)` | Brooklyn | white, 6 to 1 |
| 7 | `#6a7578` | `oklch(55.48% 0.0145 211.92)` | North Grey | white, 4.7 to 1 |
| 8 | `#7c8588` | `oklch(60.98% 0.0123 221.78)` | Garrison Grey | black, 5.5 to 1 |
| 9 | `#8c9498` | `oklch(66.06% 0.0105 232.61)` | Boulder Creek | black, 6.7 to 1 |
| 10 | `#9ba1a5` | `oklch(70.49% 0.0090 244.45)` | Aegean Splendour | black, 8 to 1 |
| 11 | `#a8abb0` | `oklch(74.04% 0.0081 257.38)` | Chrome Aluminium | black, 9.1 to 1 |
| 12 | `#b3b4b9` | `oklch(77.06% 0.0070 272.89)` | Silver Bullet | black, 10.1 to 1 |
| 13 | `#bdbcc0` | `oklch(79.76% 0.0058 290.94)` | Mauve Pansy | black, 11.1 to 1 |
| 14 | `#c5c4c7` | `oklch(82.15% 0.0046 310.74)` | Runefang Steel | black, 12 to 1 |
| 15 | `#cdcacc` | `oklch(84.25% 0.0036 331.50)` | Cerebellum Grey | black, 12.9 to 1 |
| 16 | `#d3d0d1` | `oklch(86.05% 0.0030 352.42)` | Clouded Vision | black, 13.7 to 1 |
| 17 | `#d8d5d5` | `oklch(87.59% 0.0031 12.71)` | Mandarin Tusk | black, 14.4 to 1 |
| 18 | `#ddd9d9` | `oklch(88.85% 0.0040 31.57)` | Salt-N-Pepa | black, 15 to 1 |
| 19 | `#e1dcda` | `oklch(89.87% 0.0058 48.22)` | Nouvelle White | black, 15.4 to 1 |
| 20 | `#e5dfda` | `oklch(90.64% 0.0089 61.86)` | Durian Smell | black, 15.8 to 1 |
| 21 | `#e8e1d8` | `oklch(91.19% 0.0136 72.02)` | White Heron | black, 16.1 to 1 |
| 22 | `#eae2d4` | `oklch(91.54% 0.0202 80.20)` | Panda White | black, 16.3 to 1 |
| 23 | `#ece3cf` | `oklch(91.68% 0.0284 86.73)` | Double Scoop | black, 16.4 to 1 |
| 24 | `#ece3c7` | `oklch(91.56% 0.0378 91.61)` | Star of Gold | black, 16.3 to 1 |
| 25 | `#ece2bf` | `oklch(91.19% 0.0480 94.88)` | Beurre Blanc | black, 16.2 to 1 |
| 26 | `#ebe0b4` | `oklch(90.52% 0.0585 96.56)` | Cookies and Cream | black, 15.8 to 1 |
| 27 | `#e9dda9` | `oklch(89.53% 0.0689 96.65)` | Green Charm | black, 15.4 to 1 |
| 28 | `#e8d89d` | `oklch(88.21% 0.0787 95.19)` | Sunny Glory | black, 14.7 to 1 |
| 29 | `#e7d290` | `oklch(86.52% 0.0875 92.19)` | Sweet Angelica | black, 13.9 to 1 |
| 30 | `#e6c982` | `oklch(84.44% 0.0949 87.68)` | Marzipan | black, 13 to 1 |
| 31 | `#e5bd76` | `oklch(81.78% 0.1007 80.90)` | Cloudy Sunset | black, 11.8 to 1 |
| 32 | `#e3ac6a` | `oklch(78.22% 0.1058 70.41)` | Montana Wheat Field | black, 10.4 to 1 |
| 33 | `#df9863` | `oklch(73.98% 0.1102 57.03)` | Brown Yellow | black, 8.8 to 1 |
| 34 | `#d78363` | `oklch(69.28% 0.1140 41.64)` | King Salmon | black, 7.3 to 1 |
| 35 | `#cb6f68` | `oklch(64.35% 0.1173 25.14)` | Abbey Pink | black, 5.9 to 1 |
| 36 | `#ba5d70` | `oklch(59.43% 0.1201 8.43)` | Candied Apple | black, 4.8 to 1 |
| 37 | `#a54f78` | `oklch(54.76% 0.1225 352.41)` | Our Little Secret | white, 5.2 to 1 |
| 38 | `#91457d` | `oklch(50.55% 0.1246 337.96)` | Willowherb | white, 6.2 to 1 |
| 39 | `#7e3e80` | `oklch(47.05% 0.1265 325.99)` | Violet Webcap | white, 7.2 to 1 |
| 40 | `#703981` | `oklch(44.49% 0.1281 317.39)` | Maximum Purple | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #192b25 0.0%, #20322e 2.6%, #2b3c39 5.1%, #384947 7.7%, #475756 10.3%, #586667 12.8%, #6a7578 15.4%, #7c8588 17.9%, #8c9498 20.5%, #9ba1a5 23.1%, #a8abb0 25.6%, #b3b4b9 28.2%, #bdbcc0 30.8%, #c5c4c7 33.3%, #cdcacc 35.9%, #d3d0d1 38.5%, #d8d5d5 41.0%, #ddd9d9 43.6%, #e1dcda 46.2%, #e5dfda 48.7%, #e8e1d8 51.3%, #eae2d4 53.8%, #ece3cf 56.4%, #ece3c7 59.0%, #ece2bf 61.5%, #ebe0b4 64.1%, #e9dda9 66.7%, #e8d89d 69.2%, #e7d290 71.8%, #e6c982 74.4%, #e5bd76 76.9%, #e3ac6a 79.5%, #df9863 82.1%, #d78363 84.6%, #cb6f68 87.2%, #ba5d70 89.7%, #a54f78 92.3%, #91457d 94.9%, #7e3e80 97.4%, #703981 100.0%);
background: linear-gradient(45deg in oklch, oklch(27.17% 0.0262 171.56) 0.0%, oklch(30.12% 0.0250 176.18) 2.6%, oklch(34.10% 0.0233 181.61) 5.1%, oklch(38.87% 0.0213 187.87) 7.7%, oklch(44.18% 0.0191 194.99) 10.3%, oklch(49.80% 0.0168 202.99) 12.8%, oklch(55.48% 0.0145 211.92) 15.4%, oklch(60.98% 0.0123 221.78) 17.9%, oklch(66.06% 0.0105 232.61) 20.5%, oklch(70.49% 0.0090 244.45) 23.1%, oklch(74.04% 0.0081 257.38) 25.6%, oklch(77.06% 0.0070 272.89) 28.2%, oklch(79.76% 0.0058 290.94) 30.8%, oklch(82.15% 0.0046 310.74) 33.3%, oklch(84.25% 0.0036 331.50) 35.9%, oklch(86.05% 0.0030 352.42) 38.5%, oklch(87.59% 0.0031 12.71) 41.0%, oklch(88.85% 0.0040 31.57) 43.6%, oklch(89.87% 0.0058 48.22) 46.2%, oklch(90.64% 0.0089 61.86) 48.7%, oklch(91.19% 0.0136 72.02) 51.3%, oklch(91.54% 0.0202 80.20) 53.8%, oklch(91.68% 0.0284 86.73) 56.4%, oklch(91.56% 0.0378 91.61) 59.0%, oklch(91.19% 0.0480 94.88) 61.5%, oklch(90.52% 0.0585 96.56) 64.1%, oklch(89.53% 0.0689 96.65) 66.7%, oklch(88.21% 0.0787 95.19) 69.2%, oklch(86.52% 0.0875 92.19) 71.8%, oklch(84.44% 0.0949 87.68) 74.4%, oklch(81.78% 0.1007 80.90) 76.9%, oklch(78.22% 0.1058 70.41) 79.5%, oklch(73.98% 0.1102 57.03) 82.1%, oklch(69.28% 0.1140 41.64) 84.6%, oklch(64.35% 0.1173 25.14) 87.2%, oklch(59.43% 0.1201 8.43) 89.7%, oklch(54.76% 0.1225 352.41) 92.3%, oklch(50.55% 0.1246 337.96) 94.9%, oklch(47.05% 0.1265 325.99) 97.4%, oklch(44.49% 0.1281 317.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.026 | 171.6 |
| 2 | 0.732 | 0.008 | 254 |
| 3 | 0.909 | 0.011 | 427.3 |
| 4 | 0.839 | 0.096 | 446.3 |
| 5 | 0.445 | 0.128 | 317.4 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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