# Beige, purple, brown and navy linear gradient

Beige, purple, brown and navy linear gradient with 32 colors: #feefcf, #f3dabe, #e1bcab, #c59a9c, #a17b8f, #796181, #544d72, #3a3f64, #2e375e, #333561, #453668, #61396b, #813e64, #9e4a54, #b05b3f, #b86e2d, #ba7b28, #ba8931, #bb9542, #bda053, #c0a763, #c2ab6f, #c3aa77, #c1a47a, #ba9777, #ab8371, #946c6a, #765461, #564055, #382f46, #202137, #11182b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW8yE9rRirU8s0fcl8Emw4sA`
- Page: https://grabient.com/kW8yE9rRirU8s0fcl8Emw4sA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.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 | `#feefcf` | `oklch(95.67% 0.0455 86.48)` | Walnut Milkies | black, 18.5 to 1 |
| 2 | `#f3dabe` | `oklch(90.21% 0.0470 70.15)` | Frosted Toffee | black, 15.6 to 1 |
| 3 | `#e1bcab` | `oklch(82.25% 0.0488 45.80)` | Fresh-Baked | black, 11.9 to 1 |
| 4 | `#c59a9c` | `oklch(72.74% 0.0509 16.67)` | Rose Meadow | black, 8.5 to 1 |
| 5 | `#a17b8f` | `oklch(62.61% 0.0534 345.98)` | Valerian | black, 5.7 to 1 |
| 6 | `#796181` | `oklch(52.83% 0.0564 316.96)` | Montana Grape | white, 5.4 to 1 |
| 7 | `#544d72` | `oklch(44.34% 0.0599 292.84)` | Perpetual Purple | white, 7.8 to 1 |
| 8 | `#3a3f64` | `oklch(38.08% 0.0640 276.84)` | Raven Night | white, 10.1 to 1 |
| 9 | `#2e375e` | `oklch(34.99% 0.0689 272.17)` | Very Blue | white, 11.4 to 1 |
| 10 | `#333561` | `oklch(34.99% 0.0758 279.69)` | Deep Koamaru | white, 11.5 to 1 |
| 11 | `#453668` | `oklch(37.33% 0.0845 296.66)` | Petunia | white, 10.6 to 1 |
| 12 | `#61396b` | `oklch(41.33% 0.0941 320.08)` | Purple Splendour | white, 9.1 to 1 |
| 13 | `#813e64` | `oklch(46.34% 0.1036 346.92)` | Midnight Aubergine | white, 7.4 to 1 |
| 14 | `#9e4a54` | `oklch(51.70% 0.1121 14.18)` | Baked Bahama | white, 5.9 to 1 |
| 15 | `#b05b3f` | `oklch(56.72% 0.1186 38.82)` | Brown Rust | white, 4.7 to 1 |
| 16 | `#b86e2d` | `oklch(60.76% 0.1222 57.84)` | Brown Alpaca | black, 5.2 to 1 |
| 17 | `#ba7b28` | `oklch(63.47% 0.1220 69.32)` | Pirate Gold | black, 5.9 to 1 |
| 18 | `#ba8931` | `oklch(66.22% 0.1181 77.95)` | Burnished Copper | black, 6.7 to 1 |
| 19 | `#bb9542` | `oklch(69.02% 0.1112 84.48)` | Roti | black, 7.5 to 1 |
| 20 | `#bda053` | `oklch(71.58% 0.1024 88.67)` | Tupelo Honey | black, 8.3 to 1 |
| 21 | `#c0a763` | `oklch(73.60% 0.0926 90.28)` | Spring Roll | black, 8.9 to 1 |
| 22 | `#c2ab6f` | `oklch(74.78% 0.0826 89.08)` | Coriander Seed | black, 9.3 to 1 |
| 23 | `#c3aa77` | `oklch(74.83% 0.0735 84.83)` | Cobbler | black, 9.3 to 1 |
| 24 | `#c1a47a` | `oklch(73.44% 0.0662 77.29)` | Apple Sauce Cake | black, 8.8 to 1 |
| 25 | `#ba9777` | `oklch(70.08% 0.0609 64.94)` | Artisan Crafts | black, 7.7 to 1 |
| 26 | `#ab8371` | `oklch(64.38% 0.0562 45.69)` | Hickory Branch | black, 6.2 to 1 |
| 27 | `#946c6a` | `oklch(57.03% 0.0521 21.60)` | Clay Ridge | black, 4.5 to 1 |
| 28 | `#765461` | `oklch(48.77% 0.0485 354.92)` | Opium Mauve | white, 6.4 to 1 |
| 29 | `#564055` | `oklch(40.33% 0.0454 327.86)` | Bella | white, 9.2 to 1 |
| 30 | `#382f46` | `oklch(32.44% 0.0427 302.68)` | Oil Rush | white, 12.6 to 1 |
| 31 | `#202137` | `oklch(25.84% 0.0404 281.59)` | Eclipse Elixir | white, 15.7 to 1 |
| 32 | `#11182b` | `oklch(21.26% 0.0386 266.84)` | Sambucus | white, 17.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #feefcf 0.0%, #f3dabe 3.2%, #e1bcab 6.5%, #c59a9c 9.7%, #a17b8f 12.9%, #796181 16.1%, #544d72 19.4%, #3a3f64 22.6%, #2e375e 25.8%, #333561 29.0%, #453668 32.3%, #61396b 35.5%, #813e64 38.7%, #9e4a54 41.9%, #b05b3f 45.2%, #b86e2d 48.4%, #ba7b28 51.6%, #ba8931 54.8%, #bb9542 58.1%, #bda053 61.3%, #c0a763 64.5%, #c2ab6f 67.7%, #c3aa77 71.0%, #c1a47a 74.2%, #ba9777 77.4%, #ab8371 80.6%, #946c6a 83.9%, #765461 87.1%, #564055 90.3%, #382f46 93.5%, #202137 96.8%, #11182b 100.0%);
background: linear-gradient(315deg in oklch, oklch(95.67% 0.0455 86.48) 0.0%, oklch(90.21% 0.0470 70.15) 3.2%, oklch(82.25% 0.0488 45.80) 6.5%, oklch(72.74% 0.0509 16.67) 9.7%, oklch(62.61% 0.0534 345.98) 12.9%, oklch(52.83% 0.0564 316.96) 16.1%, oklch(44.34% 0.0599 292.84) 19.4%, oklch(38.08% 0.0640 276.84) 22.6%, oklch(34.99% 0.0689 272.17) 25.8%, oklch(34.99% 0.0758 279.69) 29.0%, oklch(37.33% 0.0845 296.66) 32.3%, oklch(41.33% 0.0941 320.08) 35.5%, oklch(46.34% 0.1036 346.92) 38.7%, oklch(51.70% 0.1121 14.18) 41.9%, oklch(56.72% 0.1186 38.82) 45.2%, oklch(60.76% 0.1222 57.84) 48.4%, oklch(63.47% 0.1220 69.32) 51.6%, oklch(66.22% 0.1181 77.95) 54.8%, oklch(69.02% 0.1112 84.48) 58.1%, oklch(71.58% 0.1024 88.67) 61.3%, oklch(73.60% 0.0926 90.28) 64.5%, oklch(74.78% 0.0826 89.08) 67.7%, oklch(74.83% 0.0735 84.83) 71.0%, oklch(73.44% 0.0662 77.29) 74.2%, oklch(70.08% 0.0609 64.94) 77.4%, oklch(64.38% 0.0562 45.69) 80.6%, oklch(57.03% 0.0521 21.60) 83.9%, oklch(48.77% 0.0485 354.92) 87.1%, oklch(40.33% 0.0454 327.86) 90.3%, oklch(32.44% 0.0427 302.68) 93.5%, oklch(25.84% 0.0404 281.59) 96.8%, oklch(21.26% 0.0386 266.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.045 | 86.5 |
| 2 | 0.354 | 0.068 | -87.9 |
| 3 | 0.622 | 0.123 | 64.3 |
| 4 | 0.728 | 0.065 | 74.9 |
| 5 | 0.213 | 0.039 | -93.2 |

## Other forms

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