# Analogous beige, orange and brown angular gradient

Analogous beige, orange and brown angular gradient with 32 colors: #fdf1db, #fbedd3, #fae9ca, #f9e4be, #f7deb1, #f6d7a3, #f4d094, #f2c985, #efc176, #edb969, #eab15d, #e7aa54, #e4a24d, #e19a47, #dd9144, #d88942, #d38141, #cd7942, #c67242, #bf6a43, #b76343, #ae5d42, #a35641, #984f40, #8b493e, #7e423c, #713c39, #653735, #5a3232, #502e2e, #482a2b, #422729. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9Bc7ZKy-8kpu8nDr0A`
- Page: https://grabient.com/kU9Bc7ZKy-8kpu8nDr0A?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#fdf1db` | `oklch(96.06% 0.0317 82.97)` | Antique Lace | black, 18.7 to 1 |
| 2 | `#fbedd3` | `oklch(95.11% 0.0373 82.60)` | Junket | black, 18.1 to 1 |
| 3 | `#fae9ca` | `oklch(93.92% 0.0451 82.26)` | Light Curd | black, 17.5 to 1 |
| 4 | `#f9e4be` | `oklch(92.53% 0.0544 81.92)` | Soya | black, 16.8 to 1 |
| 5 | `#f7deb1` | `oklch(90.96% 0.0648 81.52)` | Butter Muffin | black, 16 to 1 |
| 6 | `#f6d7a3` | `oklch(89.25% 0.0758 81.02)` | Pismo Dunes | black, 15.1 to 1 |
| 7 | `#f4d094` | `oklch(87.43% 0.0869 80.36)` | Impala | black, 14.2 to 1 |
| 8 | `#f2c985` | `oklch(85.54% 0.0974 79.50)` | Bad Hair Day | black, 13.4 to 1 |
| 9 | `#efc176` | `oklch(83.61% 0.1070 78.38)` | Vietnamese Lantern | black, 12.5 to 1 |
| 10 | `#edb969` | `oklch(81.67% 0.1151 76.96)` | Buff Yellow | black, 11.7 to 1 |
| 11 | `#eab15d` | `oklch(79.76% 0.1212 75.19)` | Talâyi Gold | black, 10.9 to 1 |
| 12 | `#e7aa54` | `oklch(77.88% 0.1250 72.99)` | Optimist Gold | black, 10.2 to 1 |
| 13 | `#e4a24d` | `oklch(75.97% 0.1277 70.27)` | Jurassic Gold | black, 9.5 to 1 |
| 14 | `#e19a47` | `oklch(74.01% 0.1292 67.13)` | Life Is Good | black, 8.8 to 1 |
| 15 | `#dd9144` | `oklch(72.01% 0.1297 63.66)` | Orange Drop | black, 8.2 to 1 |
| 16 | `#d88942` | `oklch(69.96% 0.1293 59.97)` | Coppersmith | black, 7.5 to 1 |
| 17 | `#d38141` | `oklch(67.87% 0.1281 56.15)` | Clay Terrace | black, 6.9 to 1 |
| 18 | `#cd7942` | `oklch(65.73% 0.1262 52.31)` | Striking Orange | black, 6.4 to 1 |
| 19 | `#c67242` | `oklch(63.55% 0.1237 48.54)` | Adobe Dusk | black, 5.8 to 1 |
| 20 | `#bf6a43` | `oklch(61.31% 0.1205 44.96)` | Adobe | black, 5.3 to 1 |
| 21 | `#b76343` | `oklch(59.03% 0.1170 41.64)` | Maui Mai Tai | black, 4.8 to 1 |
| 22 | `#ae5d42` | `oklch(56.68% 0.1129 38.69)` | Pretty Parasol | white, 4.7 to 1 |
| 23 | `#a35641` | `oklch(54.08% 0.1075 35.81)` | Ceramic Brown | white, 5.2 to 1 |
| 24 | `#984f40` | `oklch(51.25% 0.1006 32.96)` | Tropical Nut | white, 5.9 to 1 |
| 25 | `#8b493e` | `oklch(48.28% 0.0926 30.16)` | Deep Terra Cotta | white, 6.7 to 1 |
| 26 | `#7e423c` | `oklch(45.25% 0.0840 27.46)` | Spiced Apple | white, 7.6 to 1 |
| 27 | `#713c39` | `oklch(42.25% 0.0752 24.89)` | Tuscan Russet | white, 8.6 to 1 |
| 28 | `#653735` | `oklch(39.36% 0.0664 22.49)` | Andorra | white, 9.7 to 1 |
| 29 | `#5a3232` | `oklch(36.68% 0.0581 20.30)` | Arresting Auburn | white, 10.8 to 1 |
| 30 | `#502e2e` | `oklch(34.28% 0.0507 18.35)` | Purple Kite | white, 11.9 to 1 |
| 31 | `#482a2b` | `oklch(32.26% 0.0445 16.68)` | Rookwood Dark Red | white, 12.8 to 1 |
| 32 | `#422729` | `oklch(30.71% 0.0400 15.34)` | Nisemurasaki Purple | white, 13.5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #fdf1db 0.0%, #fbedd3 3.2%, #fae9ca 6.5%, #f9e4be 9.7%, #f7deb1 12.9%, #f6d7a3 16.1%, #f4d094 19.4%, #f2c985 22.6%, #efc176 25.8%, #edb969 29.0%, #eab15d 32.3%, #e7aa54 35.5%, #e4a24d 38.7%, #e19a47 41.9%, #dd9144 45.2%, #d88942 48.4%, #d38141 51.6%, #cd7942 54.8%, #c67242 58.1%, #bf6a43 61.3%, #b76343 64.5%, #ae5d42 67.7%, #a35641 71.0%, #984f40 74.2%, #8b493e 77.4%, #7e423c 80.6%, #713c39 83.9%, #653735 87.1%, #5a3232 90.3%, #502e2e 93.5%, #482a2b 96.8%, #422729 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0317 82.97) 0.0%, oklch(95.11% 0.0373 82.60) 3.2%, oklch(93.92% 0.0451 82.26) 6.5%, oklch(92.53% 0.0544 81.92) 9.7%, oklch(90.96% 0.0648 81.52) 12.9%, oklch(89.25% 0.0758 81.02) 16.1%, oklch(87.43% 0.0869 80.36) 19.4%, oklch(85.54% 0.0974 79.50) 22.6%, oklch(83.61% 0.1070 78.38) 25.8%, oklch(81.67% 0.1151 76.96) 29.0%, oklch(79.76% 0.1212 75.19) 32.3%, oklch(77.88% 0.1250 72.99) 35.5%, oklch(75.97% 0.1277 70.27) 38.7%, oklch(74.01% 0.1292 67.13) 41.9%, oklch(72.01% 0.1297 63.66) 45.2%, oklch(69.96% 0.1293 59.97) 48.4%, oklch(67.87% 0.1281 56.15) 51.6%, oklch(65.73% 0.1262 52.31) 54.8%, oklch(63.55% 0.1237 48.54) 58.1%, oklch(61.31% 0.1205 44.96) 61.3%, oklch(59.03% 0.1170 41.64) 64.5%, oklch(56.68% 0.1129 38.69) 67.7%, oklch(54.08% 0.1075 35.81) 71.0%, oklch(51.25% 0.1006 32.96) 74.2%, oklch(48.28% 0.0926 30.16) 77.4%, oklch(45.25% 0.0840 27.46) 80.6%, oklch(42.25% 0.0752 24.89) 83.9%, oklch(39.36% 0.0664 22.49) 87.1%, oklch(36.68% 0.0581 20.30) 90.3%, oklch(34.28% 0.0507 18.35) 93.5%, oklch(32.26% 0.0445 16.68) 96.8%, oklch(30.71% 0.0400 15.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.032 | 83 |
| 2 | 0.791 | 0.123 | 74.5 |
| 3 | 0.575 | 0.114 | 39.6 |
| 4 | 0.307 | 0.04 | 15.3 |

## In these collections

- [Conic gradients](https://grabient.com/conic-gradients)
- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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