# Tan, gray, purple and navy linear gradient

Tan, gray, purple and navy linear gradient with 48 colors: #d18d5b, #d0925e, #d09964, #d0a26c, #d0ac77, #cfb683, #cfbf91, #cec79e, #cdceaa, #ccd2b5, #c9d3bc, #c5d2c0, #bfcdbf, #b4c4b9, #a5b6ae, #93a5a1, #809391, #6c7f81, #596c71, #485962, #394955, #2f3b4b, #293043, #272a3f, #2b273f, #352944, #442e4b, #593754, #72425c, #8d4f61, #a85f65, #c06f66, #d58067, #e58e66, #ef9866, #f49c66, #f39966, #ec8f6a, #e0816f, #cc7175, #b3617a, #95537a, #754675, #563b6b, #3b305d, #24274e, #121f40, #051936. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWsk0n6onKSSPULiLk7m5ato`
- Page: https://grabient.com/kWsk0n6onKSSPULiLk7m5ato?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: muted, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#d18d5b` | `oklch(70.08% 0.1061 55.55)` | Bestigor | black, 7.6 to 1 |
| 2 | `#d0925e` | `oklch(70.99% 0.1018 59.71)` | Gates of Gold | black, 7.9 to 1 |
| 3 | `#d09964` | `oklch(72.44% 0.0960 64.69)` | Oak Buff | black, 8.4 to 1 |
| 4 | `#d0a26c` | `oklch(74.29% 0.0890 70.42)` | Wonton Dumpling | black, 9 to 1 |
| 5 | `#d0ac77` | `oklch(76.38% 0.0812 76.85)` | Sunbaked Straw | black, 9.8 to 1 |
| 6 | `#cfb683` | `oklch(78.56% 0.0728 83.91)` | Clumsy Caramel | black, 10.6 to 1 |
| 7 | `#cfbf91` | `oklch(80.67% 0.0641 91.53)` | Beaten Track | black, 11.5 to 1 |
| 8 | `#cec79e` | `oklch(82.56% 0.0556 99.66)` | Floating Lily Pad | black, 12.3 to 1 |
| 9 | `#cdceaa` | `oklch(84.08% 0.0474 108.24)` | Hybrid | black, 12.9 to 1 |
| 10 | `#ccd2b5` | `oklch(85.07% 0.0400 117.19)` | Meadow Glen | black, 13.4 to 1 |
| 11 | `#c9d3bc` | `oklch(85.39% 0.0337 126.46)` | Chinese Jade | black, 13.5 to 1 |
| 12 | `#c5d2c0` | `oklch(84.88% 0.0288 135.98)` | Budding Green | black, 13.3 to 1 |
| 13 | `#bfcdbf` | `oklch(83.36% 0.0255 145.72)` | Paris White | black, 12.7 to 1 |
| 14 | `#b4c4b9` | `oklch(80.40% 0.0234 156.11)` | Aquamarine Dream | black, 11.5 to 1 |
| 15 | `#a5b6ae` | `oklch(76.08% 0.0221 167.22)` | Smokey Slate | black, 9.9 to 1 |
| 16 | `#93a5a1` | `oklch(70.73% 0.0215 178.93)` | Galago | black, 8.1 to 1 |
| 17 | `#809391` | `oklch(64.68% 0.0217 191.12)` | Scarborough | black, 6.4 to 1 |
| 18 | `#6c7f81` | `oklch(58.22% 0.0226 203.66)` | Blue Blood | black, 4.9 to 1 |
| 19 | `#596c71` | `oklch(51.70% 0.0240 216.42)` | Moody Blues | white, 5.5 to 1 |
| 20 | `#485962` | `oklch(45.42% 0.0261 229.27)` | Fiord | white, 7.2 to 1 |
| 21 | `#394955` | `oklch(39.70% 0.0287 242.09)` | Voltage | white, 9.2 to 1 |
| 22 | `#2f3b4b` | `oklch(34.87% 0.0318 254.75)` | Dark Spell | white, 11.3 to 1 |
| 23 | `#293043` | `oklch(31.24% 0.0353 267.12)` | Black Iris | white, 13 to 1 |
| 24 | `#272a3f` | `oklch(29.13% 0.0392 279.08)` | Valhalla | white, 14.1 to 1 |
| 25 | `#2b273f` | `oklch(28.87% 0.0437 290.79)` | Telopea | white, 14.3 to 1 |
| 26 | `#352944` | `oklch(30.63% 0.0499 303.77)` | Obsidian Lava Black | white, 13.5 to 1 |
| 27 | `#442e4b` | `oklch(34.07% 0.0576 317.83)` | Purple Pennant | white, 12 to 1 |
| 28 | `#593754` | `oklch(38.80% 0.0663 332.48)` | Velvet Plum | white, 10 to 1 |
| 29 | `#72425c` | `oklch(44.44% 0.0757 347.23)` | Purple Drab | white, 7.9 to 1 |
| 30 | `#8d4f61` | `oklch(50.61% 0.0854 1.58)` | Velour Scar | white, 6.1 to 1 |
| 31 | `#a85f65` | `oklch(56.92% 0.0950 15.05)` | Redbud | white, 4.7 to 1 |
| 32 | `#c06f66` | `oklch(62.98% 0.1040 27.13)` | Shepherd’s Warning | black, 5.7 to 1 |
| 33 | `#d58067` | `oklch(68.43% 0.1121 37.35)` | Summer Sunset | black, 7 to 1 |
| 34 | `#e58e66` | `oklch(72.86% 0.1188 45.20)` | Shell Coral | black, 8.3 to 1 |
| 35 | `#ef9866` | `oklch(75.90% 0.1237 50.20)` | Ridgeback | black, 9.3 to 1 |
| 36 | `#f49c66` | `oklch(77.17% 0.1265 51.84)` | Monarch Orange | black, 9.8 to 1 |
| 37 | `#f39966` | `oklch(76.42% 0.1267 49.39)` | Indian Paintbrush | black, 9.5 to 1 |
| 38 | `#ec8f6a` | `oklch(73.98% 0.1246 42.40)` | Painted Clay | black, 8.7 to 1 |
| 39 | `#e0816f` | `oklch(70.14% 0.1206 31.62)` | Wet Pottery Clay | black, 7.5 to 1 |
| 40 | `#cc7175` | `oklch(65.21% 0.1150 17.88)` | Trout Pout | black, 6.1 to 1 |
| 41 | `#b3617a` | `oklch(59.48% 0.1082 1.96)` | Apple II Rose | black, 4.9 to 1 |
| 42 | `#95537a` | `oklch(53.24% 0.1007 344.67)` | Sea Fan Fuchsia | white, 5.5 to 1 |
| 43 | `#754675` | `oklch(46.78% 0.0928 326.83)` | Purple Passion | white, 7.2 to 1 |
| 44 | `#563b6b` | `oklch(40.41% 0.0850 309.23)` | Succinct Violet | white, 9.4 to 1 |
| 45 | `#3b305d` | `oklch(34.42% 0.0776 292.68)` | Jakarta Skyline | white, 11.8 to 1 |
| 46 | `#24274e` | `oklch(29.10% 0.0710 277.99)` | Space Cadet | white, 14.2 to 1 |
| 47 | `#121f40` | `oklch(24.75% 0.0657 265.95)` | Dark Eclipse | white, 16.2 to 1 |
| 48 | `#051936` | `oklch(21.65% 0.0620 257.39)` | Naval Night | white, 17.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #d18d5b 0.0%, #d0925e 2.1%, #d09964 4.3%, #d0a26c 6.4%, #d0ac77 8.5%, #cfb683 10.6%, #cfbf91 12.8%, #cec79e 14.9%, #cdceaa 17.0%, #ccd2b5 19.1%, #c9d3bc 21.3%, #c5d2c0 23.4%, #bfcdbf 25.5%, #b4c4b9 27.7%, #a5b6ae 29.8%, #93a5a1 31.9%, #809391 34.0%, #6c7f81 36.2%, #596c71 38.3%, #485962 40.4%, #394955 42.6%, #2f3b4b 44.7%, #293043 46.8%, #272a3f 48.9%, #2b273f 51.1%, #352944 53.2%, #442e4b 55.3%, #593754 57.4%, #72425c 59.6%, #8d4f61 61.7%, #a85f65 63.8%, #c06f66 66.0%, #d58067 68.1%, #e58e66 70.2%, #ef9866 72.3%, #f49c66 74.5%, #f39966 76.6%, #ec8f6a 78.7%, #e0816f 80.9%, #cc7175 83.0%, #b3617a 85.1%, #95537a 87.2%, #754675 89.4%, #563b6b 91.5%, #3b305d 93.6%, #24274e 95.7%, #121f40 97.9%, #051936 100.0%);
background: linear-gradient(225deg in oklch, oklch(70.08% 0.1061 55.55) 0.0%, oklch(70.99% 0.1018 59.71) 2.1%, oklch(72.44% 0.0960 64.69) 4.3%, oklch(74.29% 0.0890 70.42) 6.4%, oklch(76.38% 0.0812 76.85) 8.5%, oklch(78.56% 0.0728 83.91) 10.6%, oklch(80.67% 0.0641 91.53) 12.8%, oklch(82.56% 0.0556 99.66) 14.9%, oklch(84.08% 0.0474 108.24) 17.0%, oklch(85.07% 0.0400 117.19) 19.1%, oklch(85.39% 0.0337 126.46) 21.3%, oklch(84.88% 0.0288 135.98) 23.4%, oklch(83.36% 0.0255 145.72) 25.5%, oklch(80.40% 0.0234 156.11) 27.7%, oklch(76.08% 0.0221 167.22) 29.8%, oklch(70.73% 0.0215 178.93) 31.9%, oklch(64.68% 0.0217 191.12) 34.0%, oklch(58.22% 0.0226 203.66) 36.2%, oklch(51.70% 0.0240 216.42) 38.3%, oklch(45.42% 0.0261 229.27) 40.4%, oklch(39.70% 0.0287 242.09) 42.6%, oklch(34.87% 0.0318 254.75) 44.7%, oklch(31.24% 0.0353 267.12) 46.8%, oklch(29.13% 0.0392 279.08) 48.9%, oklch(28.87% 0.0437 290.79) 51.1%, oklch(30.63% 0.0499 303.77) 53.2%, oklch(34.07% 0.0576 317.83) 55.3%, oklch(38.80% 0.0663 332.48) 57.4%, oklch(44.44% 0.0757 347.23) 59.6%, oklch(50.61% 0.0854 1.58) 61.7%, oklch(56.92% 0.0950 15.05) 63.8%, oklch(62.98% 0.1040 27.13) 66.0%, oklch(68.43% 0.1121 37.35) 68.1%, oklch(72.86% 0.1188 45.20) 70.2%, oklch(75.90% 0.1237 50.20) 72.3%, oklch(77.17% 0.1265 51.84) 74.5%, oklch(76.42% 0.1267 49.39) 76.6%, oklch(73.98% 0.1246 42.40) 78.7%, oklch(70.14% 0.1206 31.62) 80.9%, oklch(65.21% 0.1150 17.88) 83.0%, oklch(59.48% 0.1082 1.96) 85.1%, oklch(53.24% 0.1007 344.67) 87.2%, oklch(46.78% 0.0928 326.83) 89.4%, oklch(40.41% 0.0850 309.23) 91.5%, oklch(34.42% 0.0776 292.68) 93.6%, oklch(29.10% 0.0710 277.99) 95.7%, oklch(24.75% 0.0657 265.95) 97.9%, oklch(21.65% 0.0620 257.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.106 | 55.5 |
| 2 | 0.839 | 0.026 | 143.3 |
| 3 | 0.287 | 0.041 | 284.9 |
| 4 | 0.772 | 0.127 | 411.7 |
| 5 | 0.217 | 0.062 | 257.4 |

## Other forms

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