# Deep umber peach clay fade

Orange, pink, gray and brown linear gradient with 32 colors: #da6833, #da6e3d, #dc7749, #dd8258, #df8d68, #e09978, #e0a487, #dfad94, #dcb39f, #d8b7a6, #d1b6a9, #c8b1a5, #bba69b, #ab988d, #9a867c, #887468, #776155, #664f42, #584031, #4c3323, #432a19, #3f2613, #3e250f, #41270f, #452c10, #4b3313, #533a17, #5a431d, #624c22, #695428, #6e5b2c, #715f2f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, pink, gray and brown linear gradient
- Seed: `kUpHIfZIzAiYRwM-mcPA`
- Page: https://grabient.com/kUpHIfZIzAiYRwM-mcPA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#da6833` | `oklch(64.57% 0.1571 43.59)` | Bronzed | black, 6 to 1 |
| 2 | `#da6e3d` | `oklch(65.67% 0.1495 43.89)` | Field Poppy | black, 6.2 to 1 |
| 3 | `#dc7749` | `oklch(67.43% 0.1390 44.25)` | Orange Shot | black, 6.7 to 1 |
| 4 | `#dd8258` | `oklch(69.64% 0.1264 44.68)` | Show Business | black, 7.4 to 1 |
| 5 | `#df8d68` | `oklch(72.08% 0.1123 45.16)` | Bockwurst | black, 8.1 to 1 |
| 6 | `#e09978` | `oklch(74.53% 0.0974 45.68)` | Baked Salmon | black, 8.9 to 1 |
| 7 | `#e0a487` | `oklch(76.79% 0.0825 46.24)` | Peach Nougat | black, 9.8 to 1 |
| 8 | `#dfad94` | `oklch(78.64% 0.0682 46.83)` | Arizona Dust | black, 10.5 to 1 |
| 9 | `#dcb39f` | `oklch(79.87% 0.0553 47.44)` | Spanish Villa | black, 11 to 1 |
| 10 | `#d8b7a6` | `oklch(80.27% 0.0445 48.05)` | Sedona Pink | black, 11.2 to 1 |
| 11 | `#d1b6a9` | `oklch(79.62% 0.0364 48.67)` | Likeable Sand | black, 10.9 to 1 |
| 12 | `#c8b1a5` | `oklch(77.63% 0.0315 49.25)` | Vintage Charm | black, 10.2 to 1 |
| 13 | `#bba69b` | `oklch(74.07% 0.0288 49.67)` | Frontier Land | black, 9 to 1 |
| 14 | `#ab988d` | `oklch(69.27% 0.0281 50.01)` | Porcelain Figurines | black, 7.5 to 1 |
| 15 | `#9a867c` | `oklch(63.60% 0.0289 50.32)` | Antique Bear | black, 6 to 1 |
| 16 | `#887468` | `oklch(57.41% 0.0309 50.66)` | Pine Bark | black, 4.7 to 1 |
| 17 | `#776155` | `oklch(51.06% 0.0338 51.09)` | Traditional | white, 5.7 to 1 |
| 18 | `#664f42` | `oklch(44.92% 0.0372 51.69)` | Revival Mahogany | white, 7.5 to 1 |
| 19 | `#584031` | `oklch(39.33% 0.0407 52.51)` | Cordwood | white, 9.5 to 1 |
| 20 | `#4c3323` | `oklch(34.67% 0.0440 53.62)` | Sepia Brown | white, 11.6 to 1 |
| 21 | `#432a19` | `oklch(31.29% 0.0468 55.08)` | Night Brown | white, 13.1 to 1 |
| 22 | `#3f2613` | `oklch(29.52% 0.0488 56.96)` | Woodsy Brown | white, 14 to 1 |
| 23 | `#3e250f` | `oklch(29.20% 0.0508 59.50)` | Duqqa Brown | white, 14.1 to 1 |
| 24 | `#41270f` | `oklch(30.02% 0.0531 62.60)` | Chocolate Castle | white, 13.7 to 1 |
| 25 | `#452c10` | `oklch(31.75% 0.0555 66.12)` | Brown Study | white, 12.9 to 1 |
| 26 | `#4b3313` | `oklch(34.15% 0.0580 69.89)` | Bavarian Sweet Mustard | white, 11.8 to 1 |
| 27 | `#533a17` | `oklch(36.98% 0.0605 73.76)` | Pineapple | white, 10.5 to 1 |
| 28 | `#5a431d` | `oklch(40.00% 0.0630 77.57)` | Smoked Oak Brown | white, 9.2 to 1 |
| 29 | `#624c22` | `oklch(42.97% 0.0652 81.16)` | Black Queen | white, 8.1 to 1 |
| 30 | `#695428` | `oklch(45.66% 0.0673 84.37)` | Horses Neck | white, 7.2 to 1 |
| 31 | `#6e5b2c` | `oklch(47.82% 0.0690 87.05)` | Olivary | white, 6.6 to 1 |
| 32 | `#715f2f` | `oklch(49.21% 0.0703 89.03)` | Rationality | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #da6833 0.0%, #da6e3d 3.2%, #dc7749 6.5%, #dd8258 9.7%, #df8d68 12.9%, #e09978 16.1%, #e0a487 19.4%, #dfad94 22.6%, #dcb39f 25.8%, #d8b7a6 29.0%, #d1b6a9 32.3%, #c8b1a5 35.5%, #bba69b 38.7%, #ab988d 41.9%, #9a867c 45.2%, #887468 48.4%, #776155 51.6%, #664f42 54.8%, #584031 58.1%, #4c3323 61.3%, #432a19 64.5%, #3f2613 67.7%, #3e250f 71.0%, #41270f 74.2%, #452c10 77.4%, #4b3313 80.6%, #533a17 83.9%, #5a431d 87.1%, #624c22 90.3%, #695428 93.5%, #6e5b2c 96.8%, #715f2f 100.0%);
background: linear-gradient(225deg in oklch, oklch(64.57% 0.1571 43.59) 0.0%, oklch(65.67% 0.1495 43.89) 3.2%, oklch(67.43% 0.1390 44.25) 6.5%, oklch(69.64% 0.1264 44.68) 9.7%, oklch(72.08% 0.1123 45.16) 12.9%, oklch(74.53% 0.0974 45.68) 16.1%, oklch(76.79% 0.0825 46.24) 19.4%, oklch(78.64% 0.0682 46.83) 22.6%, oklch(79.87% 0.0553 47.44) 25.8%, oklch(80.27% 0.0445 48.05) 29.0%, oklch(79.62% 0.0364 48.67) 32.3%, oklch(77.63% 0.0315 49.25) 35.5%, oklch(74.07% 0.0288 49.67) 38.7%, oklch(69.27% 0.0281 50.01) 41.9%, oklch(63.60% 0.0289 50.32) 45.2%, oklch(57.41% 0.0309 50.66) 48.4%, oklch(51.06% 0.0338 51.09) 51.6%, oklch(44.92% 0.0372 51.69) 54.8%, oklch(39.33% 0.0407 52.51) 58.1%, oklch(34.67% 0.0440 53.62) 61.3%, oklch(31.29% 0.0468 55.08) 64.5%, oklch(29.52% 0.0488 56.96) 67.7%, oklch(29.20% 0.0508 59.50) 71.0%, oklch(30.02% 0.0531 62.60) 74.2%, oklch(31.75% 0.0555 66.12) 77.4%, oklch(34.15% 0.0580 69.89) 80.6%, oklch(36.98% 0.0605 73.76) 83.9%, oklch(40.00% 0.0630 77.57) 87.1%, oklch(42.97% 0.0652 81.16) 90.3%, oklch(45.66% 0.0673 84.37) 93.5%, oklch(47.82% 0.0690 87.05) 96.8%, oklch(49.21% 0.0703 89.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.157 | 43.6 |
| 2 | 0.791 | 0.034 | 48.9 |
| 3 | 0.299 | 0.048 | 56.3 |
| 4 | 0.492 | 0.07 | 89 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)

## Other forms

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