# Analogous beige, pink and brown linear gradient

Analogous beige, pink and brown linear gradient with 32 colors: #ffe7cb, #ffe2c3, #ffdbb8, #ffd2ac, #fec9a2, #fbbf99, #f8b592, #f5ac8c, #f2a386, #ee9b82, #eb937e, #e88b7a, #e48277, #df7b75, #da7372, #d36c70, #cb666d, #c2606b, #b95b68, #ae5665, #a45261, #994d5d, #904958, #864452, #7e404b, #743a43, #6b353b, #623033, #5a2b2b, #522725, #4c231f, #47201c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7ywzZKS8dGvPQ7oL7JhZCQ`
- Page: https://grabient.com/kW7ywzZKS8dGvPQ7oL7JhZCQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 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 | `#ffe2c3` | `oklch(92.90% 0.0520 69.32)` | Fall Straw | black, 16.9 to 1 |
| 3 | `#ffdbb8` | `oklch(91.30% 0.0610 66.06)` | Pandora’s Box | black, 16 to 1 |
| 4 | `#ffd2ac` | `oklch(89.39% 0.0711 62.18)` | Vanilla Française | black, 15 to 1 |
| 5 | `#fec9a2` | `oklch(87.28% 0.0796 57.89)` | Polly | black, 14 to 1 |
| 6 | `#fbbf99` | `oklch(85.05% 0.0856 53.44)` | Apricot Iced Tea | black, 13 to 1 |
| 7 | `#f8b592` | `oklch(82.81% 0.0915 49.04)` | Guava Juice | black, 12 to 1 |
| 8 | `#f5ac8c` | `oklch(80.64% 0.0970 44.91)` | October Haze | black, 11.1 to 1 |
| 9 | `#f2a386` | `oklch(78.65% 0.1017 41.26)` | Creamy Peach | black, 10.3 to 1 |
| 10 | `#ee9b82` | `oklch(76.75% 0.1066 37.75)` | Cumquat Cream | black, 9.6 to 1 |
| 11 | `#eb937e` | `oklch(74.86% 0.1119 34.24)` | Presidio Peach | black, 9 to 1 |
| 12 | `#e88b7a` | `oklch(72.98% 0.1170 30.81)` | Redolenc | black, 8.3 to 1 |
| 13 | `#e48277` | `oklch(71.09% 0.1218 27.50)` | Peach Posey | black, 7.7 to 1 |
| 14 | `#df7b75` | `oklch(69.17% 0.1257 24.38)` | Babe | black, 7.2 to 1 |
| 15 | `#da7372` | `oklch(67.22% 0.1284 21.52)` | Lantana | black, 6.6 to 1 |
| 16 | `#d36c70` | `oklch(65.21% 0.1296 18.96)` | Lipstick Illusion | black, 6.1 to 1 |
| 17 | `#cb666d` | `oklch(63.12% 0.1289 16.74)` | Fuzzy Wuzzy | black, 5.6 to 1 |
| 18 | `#c2606b` | `oklch(60.96% 0.1260 14.61)` | Candy Drop | black, 5.1 to 1 |
| 19 | `#b95b68` | `oklch(58.75% 0.1213 12.62)` | Sensuous | black, 4.7 to 1 |
| 20 | `#ae5665` | `oklch(56.49% 0.1155 10.87)` | Kissed by a Zombies | white, 4.8 to 1 |
| 21 | `#a45261` | `oklch(54.21% 0.1091 9.45)` | Raspberry Patch | white, 5.3 to 1 |
| 22 | `#994d5d` | `oklch(51.92% 0.1024 8.47)` | Haitian Flower | white, 5.8 to 1 |
| 23 | `#904958` | `oklch(49.65% 0.0961 8.01)` | Dull Magenta | white, 6.4 to 1 |
| 24 | `#864452` | `oklch(47.40% 0.0907 8.17)` | Dark Earth | white, 7 to 1 |
| 25 | `#7e404b` | `oklch(45.12% 0.0862 9.17)` | Ruby Lips | white, 7.7 to 1 |
| 26 | `#743a43` | `oklch(42.67% 0.0817 11.24)` | Queen’s Rose | white, 8.5 to 1 |
| 27 | `#6b353b` | `oklch(40.13% 0.0773 14.07)` | Rubine | white, 9.5 to 1 |
| 28 | `#623033` | `oklch(37.61% 0.0731 17.34)` | Chocolate Truffle | white, 10.5 to 1 |
| 29 | `#5a2b2b` | `oklch(35.23% 0.0692 20.72)` | Christmas Brown | white, 11.5 to 1 |
| 30 | `#522725` | `oklch(33.08% 0.0658 23.91)` | Lonestar | white, 12.5 to 1 |
| 31 | `#4c231f` | `oklch(31.27% 0.0629 26.57)` | Tobi Brown | white, 13.3 to 1 |
| 32 | `#47201c` | `oklch(29.92% 0.0606 28.39)` | Marmite | white, 14 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ffe7cb 0.0%, #ffe2c3 3.2%, #ffdbb8 6.5%, #ffd2ac 9.7%, #fec9a2 12.9%, #fbbf99 16.1%, #f8b592 19.4%, #f5ac8c 22.6%, #f2a386 25.8%, #ee9b82 29.0%, #eb937e 32.3%, #e88b7a 35.5%, #e48277 38.7%, #df7b75 41.9%, #da7372 45.2%, #d36c70 48.4%, #cb666d 51.6%, #c2606b 54.8%, #b95b68 58.1%, #ae5665 61.3%, #a45261 64.5%, #994d5d 67.7%, #904958 71.0%, #864452 74.2%, #7e404b 77.4%, #743a43 80.6%, #6b353b 83.9%, #623033 87.1%, #5a2b2b 90.3%, #522725 93.5%, #4c231f 96.8%, #47201c 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.09% 0.0449 71.73) 0.0%, oklch(92.90% 0.0520 69.32) 3.2%, oklch(91.30% 0.0610 66.06) 6.5%, oklch(89.39% 0.0711 62.18) 9.7%, oklch(87.28% 0.0796 57.89) 12.9%, oklch(85.05% 0.0856 53.44) 16.1%, oklch(82.81% 0.0915 49.04) 19.4%, oklch(80.64% 0.0970 44.91) 22.6%, oklch(78.65% 0.1017 41.26) 25.8%, oklch(76.75% 0.1066 37.75) 29.0%, oklch(74.86% 0.1119 34.24) 32.3%, oklch(72.98% 0.1170 30.81) 35.5%, oklch(71.09% 0.1218 27.50) 38.7%, oklch(69.17% 0.1257 24.38) 41.9%, oklch(67.22% 0.1284 21.52) 45.2%, oklch(65.21% 0.1296 18.96) 48.4%, oklch(63.12% 0.1289 16.74) 51.6%, oklch(60.96% 0.1260 14.61) 54.8%, oklch(58.75% 0.1213 12.62) 58.1%, oklch(56.49% 0.1155 10.87) 61.3%, oklch(54.21% 0.1091 9.45) 64.5%, oklch(51.92% 0.1024 8.47) 67.7%, oklch(49.65% 0.0961 8.01) 71.0%, oklch(47.40% 0.0907 8.17) 74.2%, oklch(45.12% 0.0862 9.17) 77.4%, oklch(42.67% 0.0817 11.24) 80.6%, oklch(40.13% 0.0773 14.07) 83.9%, oklch(37.61% 0.0731 17.34) 87.1%, oklch(35.23% 0.0692 20.72) 90.3%, oklch(33.08% 0.0658 23.91) 93.5%, oklch(31.27% 0.0629 26.57) 96.8%, oklch(29.92% 0.0606 28.39) 100.0%);
```

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