# Purple, gray and brown linear gradient

Purple, gray and brown linear gradient with 32 colors: #9f1674, #971e73, #8a2672, #7e2d6e, #763267, #733860, #714159, #6e4a55, #6c5456, #6d5c5a, #74635d, #7e6b5d, #87745b, #8d7d5a, #93855c, #9c8b5e, #a79061, #b09464, #b49769, #b59871, #b39879, #ad9980, #a59983, #979986, #8a958c, #848f8f, #80888c, #7b818c, #747990, #6e7096, #6a679b, #68609e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kceYn1tqe_D4IxTMlEfV5o-1cMQLNhVPQqNEA`
- Page: https://grabient.com/kceYn1tqe_D4IxTMlEfV5o-1cMQLNhVPQqNEA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: muted, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#9f1674` | `oklch(47.64% 0.1888 345.23)` | Haunted Purple | white, 7.4 to 1 |
| 2 | `#971e73` | `oklch(46.68% 0.1762 343.04)` | Haunted Purple | white, 7.6 to 1 |
| 3 | `#8a2672` | `oklch(45.23% 0.1584 339.50)` | Noble Plum | white, 8 to 1 |
| 4 | `#7e2d6e` | `oklch(43.82% 0.1379 336.65)` | Veronica Purple | white, 8.4 to 1 |
| 5 | `#763267` | `oklch(42.97% 0.1171 336.54)` | Ayame Iris | white, 8.6 to 1 |
| 6 | `#733860` | `oklch(43.12% 0.0973 340.87)` | Burnt Orchid | white, 8.5 to 1 |
| 7 | `#714159` | `oklch(44.00% 0.0742 348.86)` | Prune Purple | white, 8 to 1 |
| 8 | `#6e4a55` | `oklch(45.41% 0.0513 359.40)` | Prussian Plum | white, 7.5 to 1 |
| 9 | `#6c5456` | `oklch(47.17% 0.0327 11.45)` | Grand Plum | white, 6.8 to 1 |
| 10 | `#6d5c5a` | `oklch(49.11% 0.0227 24.07)` | Moroccan Dusk | white, 6.3 to 1 |
| 11 | `#74635d` | `oklch(51.44% 0.0237 39.70)` | Burnt Grape | white, 5.6 to 1 |
| 12 | `#7e6b5d` | `oklch(54.15% 0.0321 57.60)` | Lye Tinted | white, 5 to 1 |
| 13 | `#87745b` | `oklch(56.96% 0.0435 74.37)` | Verde Marrón | black, 4.6 to 1 |
| 14 | `#8d7d5a` | `oklch(59.57% 0.0533 86.61)` | Prairie Grove | black, 5.2 to 1 |
| 15 | `#93855c` | `oklch(61.89% 0.0592 91.41)` | Dash of Oregano | black, 5.7 to 1 |
| 16 | `#9c8b5e` | `oklch(64.21% 0.0652 89.92)` | Woodstock | black, 6.2 to 1 |
| 17 | `#a79061` | `oklch(66.33% 0.0700 85.31)` | Fossil Butte | black, 6.8 to 1 |
| 18 | `#b09464` | `oklch(68.04% 0.0723 80.75)` | Tangled Twine | black, 7.2 to 1 |
| 19 | `#b49769` | `oklch(69.14% 0.0707 78.93)` | Tapestry Gold | black, 7.5 to 1 |
| 20 | `#b59871` | `oklch(69.66% 0.0639 75.13)` | Cuppa Tea | black, 7.7 to 1 |
| 21 | `#b39879` | `oklch(69.70% 0.0538 71.18)` | Soft Fawn | black, 7.7 to 1 |
| 22 | `#ad9980` | `oklch(69.33% 0.0430 72.11)` | Song Thrush | black, 7.6 to 1 |
| 23 | `#a59983` | `oklch(68.63% 0.0341 82.97)` | Churchill Downs | black, 7.4 to 1 |
| 24 | `#979986` | `oklch(67.52% 0.0266 109.98)` | Green Fog | black, 7.1 to 1 |
| 25 | `#8a958c` | `oklch(65.93% 0.0184 151.46)` | Underground Gardens | black, 6.7 to 1 |
| 26 | `#848f8f` | `oklch(64.05% 0.0123 197.29)` | Beguile | black, 6.2 to 1 |
| 27 | `#80888c` | `oklch(62.10% 0.0111 237.31)` | London Road | black, 5.8 to 1 |
| 28 | `#7b818c` | `oklch(60.20% 0.0181 262.43)` | Slate Tint | black, 5.3 to 1 |
| 29 | `#747990` | `oklch(58.01% 0.0358 275.98)` | Blue Granite | black, 4.8 to 1 |
| 30 | `#6e7096` | `oklch(55.75% 0.0590 282.59)` | Silk Crepe Mauve | white, 4.7 to 1 |
| 31 | `#6a679b` | `oklch(53.76% 0.0814 285.64)` | Dark Horizon | white, 5.2 to 1 |
| 32 | `#68609e` | `oklch(52.36% 0.0965 288.52)` | Giant Onion | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9f1674 0.0%, #971e73 3.2%, #8a2672 6.5%, #7e2d6e 9.7%, #763267 12.9%, #733860 16.1%, #714159 19.4%, #6e4a55 22.6%, #6c5456 25.8%, #6d5c5a 29.0%, #74635d 32.3%, #7e6b5d 35.5%, #87745b 38.7%, #8d7d5a 41.9%, #93855c 45.2%, #9c8b5e 48.4%, #a79061 51.6%, #b09464 54.8%, #b49769 58.1%, #b59871 61.3%, #b39879 64.5%, #ad9980 67.7%, #a59983 71.0%, #979986 74.2%, #8a958c 77.4%, #848f8f 80.6%, #80888c 83.9%, #7b818c 87.1%, #747990 90.3%, #6e7096 93.5%, #6a679b 96.8%, #68609e 100.0%);
background: linear-gradient(90deg in oklch, oklch(47.64% 0.1888 345.23) 0.0%, oklch(46.68% 0.1762 343.04) 3.2%, oklch(45.23% 0.1584 339.50) 6.5%, oklch(43.82% 0.1379 336.65) 9.7%, oklch(42.97% 0.1171 336.54) 12.9%, oklch(43.12% 0.0973 340.87) 16.1%, oklch(44.00% 0.0742 348.86) 19.4%, oklch(45.41% 0.0513 359.40) 22.6%, oklch(47.17% 0.0327 11.45) 25.8%, oklch(49.11% 0.0227 24.07) 29.0%, oklch(51.44% 0.0237 39.70) 32.3%, oklch(54.15% 0.0321 57.60) 35.5%, oklch(56.96% 0.0435 74.37) 38.7%, oklch(59.57% 0.0533 86.61) 41.9%, oklch(61.89% 0.0592 91.41) 45.2%, oklch(64.21% 0.0652 89.92) 48.4%, oklch(66.33% 0.0700 85.31) 51.6%, oklch(68.04% 0.0723 80.75) 54.8%, oklch(69.14% 0.0707 78.93) 58.1%, oklch(69.66% 0.0639 75.13) 61.3%, oklch(69.70% 0.0538 71.18) 64.5%, oklch(69.33% 0.0430 72.11) 67.7%, oklch(68.63% 0.0341 82.97) 71.0%, oklch(67.52% 0.0266 109.98) 74.2%, oklch(65.93% 0.0184 151.46) 77.4%, oklch(64.05% 0.0123 197.29) 80.6%, oklch(62.10% 0.0111 237.31) 83.9%, oklch(60.20% 0.0181 262.43) 87.1%, oklch(58.01% 0.0358 275.98) 90.3%, oklch(55.75% 0.0590 282.59) 93.5%, oklch(53.76% 0.0814 285.64) 96.8%, oklch(52.36% 0.0965 288.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.189 | 345.2 |
| 2 | 0.429 | 0.109 | 337.8 |
| 3 | 0.488 | 0.023 | 382.2 |
| 4 | 0.602 | 0.055 | 448.8 |
| 5 | 0.689 | 0.072 | 439.3 |
| 6 | 0.685 | 0.033 | 445.6 |
| 7 | 0.61 | 0.014 | 613.6 |
| 8 | 0.524 | 0.096 | 648.5 |

## In these collections

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

## Other forms

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