# Analogous gray, pink and brown linear gradient

Analogous gray, pink and brown linear gradient with 32 colors: #f0d6c6, #eed4c3, #edd2c0, #eccfbd, #eacbb9, #e9c8b5, #e7c4b1, #e5bfac, #e3bba7, #e1b7a3, #deb29e, #dcad9a, #d9a895, #d6a491, #d39f8d, #d09b89, #cd9685, #c99281, #c58d7d, #c18779, #bc8275, #b77d71, #b2786d, #ad7269, #a86d65, #a36961, #9e645e, #9a605a, #965c57, #925955, #8f5652, #8c5351. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS4xon3Jm98CcPg`
- Page: https://grabient.com/kS4xon3Jm98CcPg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#f0d6c6` | `oklch(89.37% 0.0358 55.55)` | Melon Pink | black, 15.1 to 1 |
| 2 | `#eed4c3` | `oklch(88.78% 0.0371 54.93)` | Melon Pink | black, 14.8 to 1 |
| 3 | `#edd2c0` | `oklch(88.09% 0.0388 54.19)` | Cream of Mushroom | black, 14.5 to 1 |
| 4 | `#eccfbd` | `oklch(87.29% 0.0407 53.32)` | Golden Pop | black, 14.1 to 1 |
| 5 | `#eacbb9` | `oklch(86.41% 0.0430 52.36)` | Scotchtone | black, 13.7 to 1 |
| 6 | `#e9c8b5` | `oklch(85.45% 0.0454 51.31)` | Galveston Tan | black, 13.3 to 1 |
| 7 | `#e7c4b1` | `oklch(84.42% 0.0479 50.18)` | Pastel Rose Tan | black, 12.8 to 1 |
| 8 | `#e5bfac` | `oklch(83.33% 0.0506 49.00)` | Retro Peach | black, 12.4 to 1 |
| 9 | `#e3bba7` | `oklch(82.19% 0.0533 47.77)` | Starfish | black, 11.9 to 1 |
| 10 | `#e1b7a3` | `oklch(81.00% 0.0560 46.52)` | Black-Eyed Peach | black, 11.4 to 1 |
| 11 | `#deb29e` | `oklch(79.78% 0.0587 45.25)` | Pink Sand | black, 10.9 to 1 |
| 12 | `#dcad9a` | `oklch(78.53% 0.0613 43.98)` | Shy Time | black, 10.4 to 1 |
| 13 | `#d9a895` | `oklch(77.27% 0.0637 42.72)` | Fortune’s Prize | black, 10 to 1 |
| 14 | `#d6a491` | `oklch(75.99% 0.0659 41.49)` | Rosettee | black, 9.5 to 1 |
| 15 | `#d39f8d` | `oklch(74.72% 0.0679 40.30)` | Shiny Kettle | black, 9.1 to 1 |
| 16 | `#d09b89` | `oklch(73.46% 0.0696 39.18)` | Nectarine Spice | black, 8.7 to 1 |
| 17 | `#cd9685` | `oklch(72.20% 0.0709 38.10)` | Tint of Earth | black, 8.3 to 1 |
| 18 | `#c99281` | `oklch(70.83% 0.0721 37.00)` | Black Hills Gold | black, 7.8 to 1 |
| 19 | `#c58d7d` | `oklch(69.35% 0.0730 35.85)` | Burnished Apricot | black, 7.4 to 1 |
| 20 | `#c18779` | `oklch(67.79% 0.0738 34.68)` | Whisky | black, 7 to 1 |
| 21 | `#bc8275` | `oklch(66.18% 0.0745 33.49)` | Dusky Damask | black, 6.5 to 1 |
| 22 | `#b77d71` | `oklch(64.52% 0.0750 32.29)` | Heirloom | black, 6.1 to 1 |
| 23 | `#b2786d` | `oklch(62.85% 0.0755 31.11)` | Earth Rose | black, 5.7 to 1 |
| 24 | `#ad7269` | `oklch(61.19% 0.0758 29.94)` | New England Brick | black, 5.3 to 1 |
| 25 | `#a86d65` | `oklch(59.56% 0.0761 28.81)` | Warm Wassail | black, 5 to 1 |
| 26 | `#a36961` | `oklch(57.97% 0.0763 27.72)` | Mudbrick | black, 4.7 to 1 |
| 27 | `#9e645e` | `oklch(56.46% 0.0764 26.69)` | Corazon | white, 4.7 to 1 |
| 28 | `#9a605a` | `oklch(55.05% 0.0766 25.73)` | Roulette | white, 5 to 1 |
| 29 | `#965c57` | `oklch(53.75% 0.0767 24.84)` | Copper Mining | white, 5.3 to 1 |
| 30 | `#925955` | `oklch(52.59% 0.0768 24.05)` | Gallery Red | white, 5.5 to 1 |
| 31 | `#8f5652` | `oklch(51.60% 0.0770 23.36)` | Carpe Diem | white, 5.8 to 1 |
| 32 | `#8c5351` | `oklch(50.79% 0.0772 22.79)` | Toile Red | white, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f0d6c6 0.0%, #eed4c3 3.2%, #edd2c0 6.5%, #eccfbd 9.7%, #eacbb9 12.9%, #e9c8b5 16.1%, #e7c4b1 19.4%, #e5bfac 22.6%, #e3bba7 25.8%, #e1b7a3 29.0%, #deb29e 32.3%, #dcad9a 35.5%, #d9a895 38.7%, #d6a491 41.9%, #d39f8d 45.2%, #d09b89 48.4%, #cd9685 51.6%, #c99281 54.8%, #c58d7d 58.1%, #c18779 61.3%, #bc8275 64.5%, #b77d71 67.7%, #b2786d 71.0%, #ad7269 74.2%, #a86d65 77.4%, #a36961 80.6%, #9e645e 83.9%, #9a605a 87.1%, #965c57 90.3%, #925955 93.5%, #8f5652 96.8%, #8c5351 100.0%);
background: linear-gradient(135deg in oklch, oklch(89.37% 0.0358 55.55) 0.0%, oklch(88.78% 0.0371 54.93) 3.2%, oklch(88.09% 0.0388 54.19) 6.5%, oklch(87.29% 0.0407 53.32) 9.7%, oklch(86.41% 0.0430 52.36) 12.9%, oklch(85.45% 0.0454 51.31) 16.1%, oklch(84.42% 0.0479 50.18) 19.4%, oklch(83.33% 0.0506 49.00) 22.6%, oklch(82.19% 0.0533 47.77) 25.8%, oklch(81.00% 0.0560 46.52) 29.0%, oklch(79.78% 0.0587 45.25) 32.3%, oklch(78.53% 0.0613 43.98) 35.5%, oklch(77.27% 0.0637 42.72) 38.7%, oklch(75.99% 0.0659 41.49) 41.9%, oklch(74.72% 0.0679 40.30) 45.2%, oklch(73.46% 0.0696 39.18) 48.4%, oklch(72.20% 0.0709 38.10) 51.6%, oklch(70.83% 0.0721 37.00) 54.8%, oklch(69.35% 0.0730 35.85) 58.1%, oklch(67.79% 0.0738 34.68) 61.3%, oklch(66.18% 0.0745 33.49) 64.5%, oklch(64.52% 0.0750 32.29) 67.7%, oklch(62.85% 0.0755 31.11) 71.0%, oklch(61.19% 0.0758 29.94) 74.2%, oklch(59.56% 0.0761 28.81) 77.4%, oklch(57.97% 0.0763 27.72) 80.6%, oklch(56.46% 0.0764 26.69) 83.9%, oklch(55.05% 0.0766 25.73) 87.1%, oklch(53.75% 0.0767 24.84) 90.3%, oklch(52.59% 0.0768 24.05) 93.5%, oklch(51.60% 0.0770 23.36) 96.8%, oklch(50.79% 0.0772 22.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.036 | 55.5 |
| 2 | 0.728 | 0.07 | 38.6 |
| 3 | 0.508 | 0.077 | 22.8 |

## In these collections

- [Copper](https://grabient.com/copper)

## Other forms

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