# Beige, peach, salmon and brown linear swatches

Beige, peach, salmon and brown linear swatches with 14 colors: #ffe7cb, #ffd8b4, #fcc19b, #f4ab8b, #ed9780, #e48377, #d87172, #c5626c, #ae5665, #954b5b, #7f404c, #693439, #552827, #47201c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7ywzZKS8dGvPQ7oL7JhZCQ`
- Page: https://grabient.com/kW7ywzZKS8dGvPQ7oL7JhZCQ?style=linearSwatches&steps=14&angle=99
- Drawn as: linear swatches, 14 steps, 99 degrees
- Kinds: light to dark, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.7 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 | `#ffe7cb` | `oklch(94.09% 0.0449 71.73)` | Kansas Grain | black, 17.5 to 1 |
| 2 | `#ffd8b4` | `oklch(90.59% 0.0647 64.63)` | Sandy Tan | black, 15.7 to 1 |
| 3 | `#fcc19b` | `oklch(85.57% 0.0842 54.47)` | Blushing Cinnamon | black, 13.2 to 1 |
| 4 | `#f4ab8b` | `oklch(80.33% 0.0978 44.31)` | Salmon Slice | black, 11 to 1 |
| 5 | `#ed9780` | `oklch(75.73% 0.1094 35.86)` | Presidio Peach | black, 9.3 to 1 |
| 6 | `#e48377` | `oklch(71.24% 0.1214 27.75)` | Peach Posey | black, 7.8 to 1 |
| 7 | `#d87172` | `oklch(66.60% 0.1290 20.70)` | Lantana | black, 6.5 to 1 |
| 8 | `#c5626c` | `oklch(61.63% 0.1271 15.25)` | Triple Berry | black, 5.3 to 1 |
| 9 | `#ae5665` | `oklch(56.31% 0.1151 10.75)` | Kissed by a Zombies | white, 4.8 to 1 |
| 10 | `#954b5b` | `oklch(50.87% 0.0994 8.19)` | Haitian Flower | white, 6.1 to 1 |
| 11 | `#7f404c` | `oklch(45.49% 0.0869 8.94)` | Ruby Lips | white, 7.6 to 1 |
| 12 | `#693439` | `oklch(39.54% 0.0763 14.80)` | Dried Plum | white, 9.7 to 1 |
| 13 | `#552827` | `oklch(33.87% 0.0670 22.72)` | Worcestershire Sauce | white, 12.1 to 1 |
| 14 | `#47201c` | `oklch(29.92% 0.0606 28.39)` | Marmite | white, 14 to 1 |

## CSS

```css
background: linear-gradient(99deg, #ffe7cb 0.000% 7.143%, #ffd8b4 7.143% 14.286%, #fcc19b 14.286% 21.429%, #f4ab8b 21.429% 28.571%, #ed9780 28.571% 35.714%, #e48377 35.714% 42.857%, #d87172 42.857% 50.000%, #c5626c 50.000% 57.143%, #ae5665 57.143% 64.286%, #954b5b 64.286% 71.429%, #7f404c 71.429% 78.571%, #693439 78.571% 85.714%, #552827 85.714% 92.857%, #47201c 92.857% 100.000%);
background: linear-gradient(99deg, oklch(94.09% 0.0449 71.73) 0.000% 7.143%, oklch(90.59% 0.0647 64.63) 7.143% 14.286%, oklch(85.57% 0.0842 54.47) 14.286% 21.429%, oklch(80.33% 0.0978 44.31) 21.429% 28.571%, oklch(75.73% 0.1094 35.86) 28.571% 35.714%, oklch(71.24% 0.1214 27.75) 35.714% 42.857%, oklch(66.60% 0.1290 20.70) 42.857% 50.000%, oklch(61.63% 0.1271 15.25) 50.000% 57.143%, oklch(56.31% 0.1151 10.75) 57.143% 64.286%, oklch(50.87% 0.0994 8.19) 64.286% 71.429%, oklch(45.49% 0.0869 8.94) 71.429% 78.571%, oklch(39.54% 0.0763 14.80) 78.571% 85.714%, oklch(33.87% 0.0670 22.72) 85.714% 92.857%, oklch(29.92% 0.0606 28.39) 92.857% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.061 | 71.7 |
| 2 | 0.791 | 0.101 | 42.1 |
| 3 | 0.642 | 0.13 | 17.8 |
| 4 | 0.469 | 0.09 | 8.3 |
| 5 | 0.299 | 0.061 | 28.4 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)
- [Golden hour gradients](https://grabient.com/golden-hour-gradients)

## Other forms

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