# Pale dark shell sweep

Analogous beige, black, orange and tan linear gradient with 32 colors: #f3e0ae, #ead29f, #dfc089, #d1aa70, #c29357, #b17c40, #a0682e, #8b5622, #70421a, #532f13, #3a200d, #28150a, #201108, #26150a, #3e2412, #623c1d, #8d5927, #b47530, #cf8834, #d58b34, #c47b2f, #a36126, #7d441c, #5a2c12, #431e0b, #3f1d0c, #4e2b17, #6b4428, #91663e, #b98c56, #dbaf6c, #f1c77c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige, black, orange and tan linear gradient
- Seed: `kY5zE_RqU85kLPpZMMGopW9ewmRC`
- Page: https://grabient.com/kY5zE_RqU85kLPpZMMGopW9ewmRC?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14 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 | `#f3e0ae` | `oklch(90.94% 0.0675 88.59)` | Bone White | black, 16 to 1 |
| 2 | `#ead29f` | `oklch(87.24% 0.0723 85.79)` | Tangent | black, 14.2 to 1 |
| 3 | `#dfc089` | `oklch(82.15% 0.0798 81.81)` | Sahara Gravel | black, 12 to 1 |
| 4 | `#d1aa70` | `oklch(76.11% 0.0884 77.13)` | More Maple | black, 9.7 to 1 |
| 5 | `#c29357` | `oklch(69.55% 0.0962 72.25)` | Caramel Crumb | black, 7.6 to 1 |
| 6 | `#b17c40` | `oklch(62.93% 0.1015 67.66)` | Vintage Lincoln | black, 5.8 to 1 |
| 7 | `#a0682e` | `oklch(56.68% 0.1024 63.86)` | Gallstone Yellow | white, 4.6 to 1 |
| 8 | `#8b5622` | `oklch(50.28% 0.0966 60.87)` | Precious Copper | white, 6 to 1 |
| 9 | `#70421a` | `oklch(42.56% 0.0837 58.06)` | Sepia | white, 8.4 to 1 |
| 10 | `#532f13` | `oklch(34.54% 0.0670 55.57)` | Dark Catacombs | white, 11.7 to 1 |
| 11 | `#3a200d` | `oklch(27.30% 0.0502 53.56)` | Medium Roast | white, 15.1 to 1 |
| 12 | `#28150a` | `oklch(21.95% 0.0367 52.17)` | Zinnwaldite Brown | white, 17.4 to 1 |
| 13 | `#201108` | `oklch(19.56% 0.0302 51.58)` | Crowshead | white, 18.3 to 1 |
| 14 | `#26150a` | `oklch(21.55% 0.0342 52.15)` | Cannon Black | white, 17.6 to 1 |
| 15 | `#3e2412` | `oklch(28.87% 0.0489 54.44)` | Délicieux au Chocolat | white, 14.3 to 1 |
| 16 | `#623c1d` | `oklch(39.49% 0.0704 57.78)` | Cassiterite Brown | white, 9.6 to 1 |
| 17 | `#8d5927` | `oklch(51.14% 0.0940 61.39)` | Caramel Café | white, 5.8 to 1 |
| 18 | `#b47530` | `oklch(61.57% 0.1153 64.48)` | Fireside Chat | black, 5.5 to 1 |
| 19 | `#cf8834` | `oklch(68.52% 0.1299 66.28)` | Brown Beige | black, 7.2 to 1 |
| 20 | `#d58b34` | `oklch(69.75% 0.1336 65.94)` | Caramelise | black, 7.5 to 1 |
| 21 | `#c47b2f` | `oklch(64.71% 0.1265 62.93)` | Maine Coon Orange | black, 6.2 to 1 |
| 22 | `#a36126` | `oklch(55.62% 0.1123 58.21)` | Cockatrice Brown | white, 4.8 to 1 |
| 23 | `#7d441c` | `oklch(44.92% 0.0947 52.95)` | Russet | white, 7.7 to 1 |
| 24 | `#5a2c12` | `oklch(35.05% 0.0774 48.31)` | Fudge Brownie | white, 11.6 to 1 |
| 25 | `#431e0b` | `oklch(28.45% 0.0643 45.46)` | Délicieux au Chocolat | white, 14.6 to 1 |
| 26 | `#3f1d0c` | `oklch(27.54% 0.0589 45.58)` | Délicieux au Chocolat | white, 15 to 1 |
| 27 | `#4e2b17` | `oklch(32.90% 0.0612 49.17)` | Bittersweet Chocolate | white, 12.5 to 1 |
| 28 | `#6b4428` | `oklch(42.61% 0.0684 55.26)` | Flattery | white, 8.4 to 1 |
| 29 | `#91663e` | `oklch(54.68% 0.0784 62.68)` | Centaur | white, 5 to 1 |
| 30 | `#b98c56` | `oklch(67.10% 0.0892 70.25)` | Gin Still | black, 6.9 to 1 |
| 31 | `#dbaf6c` | `oklch(77.89% 0.0987 76.82)` | Sweet Maple | black, 10.3 to 1 |
| 32 | `#f1c77c` | `oklch(85.04% 0.1047 81.20)` | Mille-Feuille | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f3e0ae 0.0%, #ead29f 3.2%, #dfc089 6.5%, #d1aa70 9.7%, #c29357 12.9%, #b17c40 16.1%, #a0682e 19.4%, #8b5622 22.6%, #70421a 25.8%, #532f13 29.0%, #3a200d 32.3%, #28150a 35.5%, #201108 38.7%, #26150a 41.9%, #3e2412 45.2%, #623c1d 48.4%, #8d5927 51.6%, #b47530 54.8%, #cf8834 58.1%, #d58b34 61.3%, #c47b2f 64.5%, #a36126 67.7%, #7d441c 71.0%, #5a2c12 74.2%, #431e0b 77.4%, #3f1d0c 80.6%, #4e2b17 83.9%, #6b4428 87.1%, #91663e 90.3%, #b98c56 93.5%, #dbaf6c 96.8%, #f1c77c 100.0%);
background: linear-gradient(225deg in oklch, oklch(90.94% 0.0675 88.59) 0.0%, oklch(87.24% 0.0723 85.79) 3.2%, oklch(82.15% 0.0798 81.81) 6.5%, oklch(76.11% 0.0884 77.13) 9.7%, oklch(69.55% 0.0962 72.25) 12.9%, oklch(62.93% 0.1015 67.66) 16.1%, oklch(56.68% 0.1024 63.86) 19.4%, oklch(50.28% 0.0966 60.87) 22.6%, oklch(42.56% 0.0837 58.06) 25.8%, oklch(34.54% 0.0670 55.57) 29.0%, oklch(27.30% 0.0502 53.56) 32.3%, oklch(21.95% 0.0367 52.17) 35.5%, oklch(19.56% 0.0302 51.58) 38.7%, oklch(21.55% 0.0342 52.15) 41.9%, oklch(28.87% 0.0489 54.44) 45.2%, oklch(39.49% 0.0704 57.78) 48.4%, oklch(51.14% 0.0940 61.39) 51.6%, oklch(61.57% 0.1153 64.48) 54.8%, oklch(68.52% 0.1299 66.28) 58.1%, oklch(69.75% 0.1336 65.94) 61.3%, oklch(64.71% 0.1265 62.93) 64.5%, oklch(55.62% 0.1123 58.21) 67.7%, oklch(44.92% 0.0947 52.95) 71.0%, oklch(35.05% 0.0774 48.31) 74.2%, oklch(28.45% 0.0643 45.46) 77.4%, oklch(27.54% 0.0589 45.58) 80.6%, oklch(32.90% 0.0612 49.17) 83.9%, oklch(42.61% 0.0684 55.26) 87.1%, oklch(54.68% 0.0784 62.68) 90.3%, oklch(67.10% 0.0892 70.25) 93.5%, oklch(77.89% 0.0987 76.82) 96.8%, oklch(85.04% 0.1047 81.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.068 | 88.6 |
| 2 | 0.555 | 0.102 | 63.2 |
| 3 | 0.197 | 0.03 | 51.6 |
| 4 | 0.701 | 0.134 | 66.4 |
| 5 | 0.272 | 0.059 | 45.3 |
| 6 | 0.85 | 0.105 | 81.2 |

## In these collections

- [Tortoiseshell colors](https://grabient.com/tortoiseshell-colors)

## Other forms

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