# Cream rose burnt orange gradient

Warm beige, mauve, orange and brown linear gradient with 32 colors: #fff0d6, #fdeed3, #fbecd0, #f9eacd, #f6e7c9, #f3e3c4, #efdebd, #ebd6b3, #e6cca8, #e0be98, #d9ac88, #d19778, #c8816d, #bd6d66, #b35d62, #ab505f, #a8495c, #aa4758, #b04a52, #b74f4b, #bf5742, #c45f38, #c7662f, #c66a26, #c26820, #bb631b, #b25c18, #a85417, #9e4c16, #954415, #8c3d15, #873914. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm beige, mauve, orange and brown linear gradient
- Seed: `kW9Bw67hQ_cSst_Os0TuKq-w`
- Page: https://grabient.com/kW9Bw67hQ_cSst_Os0TuKq-w?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.1 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 | `#fff0d6` | `oklch(96.06% 0.0382 82.28)` | Biogenic Sand | black, 18.7 to 1 |
| 2 | `#fdeed3` | `oklch(95.47% 0.0395 82.39)` | Varden | black, 18.3 to 1 |
| 3 | `#fbecd0` | `oklch(94.87% 0.0404 83.04)` | Nice Cream | black, 18 to 1 |
| 4 | `#f9eacd` | `oklch(94.16% 0.0414 83.85)` | Orzo Pasta | black, 17.6 to 1 |
| 5 | `#f6e7c9` | `oklch(93.25% 0.0428 84.43)` | Rice Wine | black, 17.2 to 1 |
| 6 | `#f3e3c4` | `oklch(92.07% 0.0448 84.39)` | Afterglow | black, 16.5 to 1 |
| 7 | `#efdebd` | `oklch(90.51% 0.0476 83.37)` | Alabaster Gleam | black, 15.8 to 1 |
| 8 | `#ebd6b3` | `oklch(88.49% 0.0514 80.97)` | Sensible Hue | black, 14.8 to 1 |
| 9 | `#e6cca8` | `oklch(85.89% 0.0566 76.76)` | Dried Plantain | black, 13.6 to 1 |
| 10 | `#e0be98` | `oklch(82.22% 0.0637 69.53)` | More Cowbell | black, 12 to 1 |
| 11 | `#d9ac88` | `oklch(77.61% 0.0725 59.75)` | Sweet Sue | black, 10.1 to 1 |
| 12 | `#d19778` | `oklch(72.48% 0.0824 48.55)` | Tawny Amber | black, 8.4 to 1 |
| 13 | `#c8816d` | `oklch(67.24% 0.0927 37.03)` | Earthworm | black, 6.8 to 1 |
| 14 | `#bd6d66` | `oklch(62.30% 0.1027 26.32)` | Shepherd’s Warning | black, 5.5 to 1 |
| 15 | `#b35d62` | `oklch(58.06% 0.1119 17.54)` | Cinnamon Candle | black, 4.6 to 1 |
| 16 | `#ab505f` | `oklch(54.95% 0.1196 11.79)` | Rose Vale | white, 5.1 to 1 |
| 17 | `#a8495c` | `oklch(53.35% 0.1253 10.13)` | Pink Quince | white, 5.5 to 1 |
| 18 | `#aa4758` | `oklch(53.29% 0.1299 12.45)` | Pink Quince | white, 5.5 to 1 |
| 19 | `#b04a52` | `oklch(54.36% 0.1335 17.73)` | Carmine Carnation | white, 5.3 to 1 |
| 20 | `#b74f4b` | `oklch(56.15% 0.1364 24.93)` | Deep Chestnut | white, 4.9 to 1 |
| 21 | `#bf5742` | `oklch(58.22% 0.1385 33.00)` | Mecca Orange | black, 4.6 to 1 |
| 22 | `#c45f38` | `oklch(60.15% 0.1399 40.90)` | Civara | black, 5 to 1 |
| 23 | `#c7662f` | `oklch(61.53% 0.1405 47.60)` | Chivalrous Fox | black, 5.3 to 1 |
| 24 | `#c66a26` | `oklch(61.92% 0.1406 52.04)` | Kincha Brown | black, 5.4 to 1 |
| 25 | `#c26820` | `oklch(61.06% 0.1398 53.76)` | Hawaiian Sunset | black, 5.2 to 1 |
| 26 | `#bb631b` | `oklch(59.26% 0.1376 53.85)` | Honey Ginger | black, 4.9 to 1 |
| 27 | `#b25c18` | `oklch(56.82% 0.1343 52.74)` | Elm Brown Red | white, 4.7 to 1 |
| 28 | `#a85417` | `oklch(54.01% 0.1305 50.84)` | Brandy Bear | white, 5.3 to 1 |
| 29 | `#9e4c16` | `oklch(51.09% 0.1264 48.53)` | Burnt Bagel | white, 6 to 1 |
| 30 | `#954415` | `oklch(48.35% 0.1225 46.22)` | Hot Brown | white, 6.7 to 1 |
| 31 | `#8c3d15` | `oklch(46.06% 0.1193 44.30)` | Gryphonne Sepia Wash | white, 7.4 to 1 |
| 32 | `#873914` | `oklch(44.49% 0.1171 43.17)` | Dusky Orange | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fff0d6 0.0%, #fdeed3 3.2%, #fbecd0 6.5%, #f9eacd 9.7%, #f6e7c9 12.9%, #f3e3c4 16.1%, #efdebd 19.4%, #ebd6b3 22.6%, #e6cca8 25.8%, #e0be98 29.0%, #d9ac88 32.3%, #d19778 35.5%, #c8816d 38.7%, #bd6d66 41.9%, #b35d62 45.2%, #ab505f 48.4%, #a8495c 51.6%, #aa4758 54.8%, #b04a52 58.1%, #b74f4b 61.3%, #bf5742 64.5%, #c45f38 67.7%, #c7662f 71.0%, #c66a26 74.2%, #c26820 77.4%, #bb631b 80.6%, #b25c18 83.9%, #a85417 87.1%, #9e4c16 90.3%, #954415 93.5%, #8c3d15 96.8%, #873914 100.0%);
background: linear-gradient(180deg in oklch, oklch(96.06% 0.0382 82.28) 0.0%, oklch(95.47% 0.0395 82.39) 3.2%, oklch(94.87% 0.0404 83.04) 6.5%, oklch(94.16% 0.0414 83.85) 9.7%, oklch(93.25% 0.0428 84.43) 12.9%, oklch(92.07% 0.0448 84.39) 16.1%, oklch(90.51% 0.0476 83.37) 19.4%, oklch(88.49% 0.0514 80.97) 22.6%, oklch(85.89% 0.0566 76.76) 25.8%, oklch(82.22% 0.0637 69.53) 29.0%, oklch(77.61% 0.0725 59.75) 32.3%, oklch(72.48% 0.0824 48.55) 35.5%, oklch(67.24% 0.0927 37.03) 38.7%, oklch(62.30% 0.1027 26.32) 41.9%, oklch(58.06% 0.1119 17.54) 45.2%, oklch(54.95% 0.1196 11.79) 48.4%, oklch(53.35% 0.1253 10.13) 51.6%, oklch(53.29% 0.1299 12.45) 54.8%, oklch(54.36% 0.1335 17.73) 58.1%, oklch(56.15% 0.1364 24.93) 61.3%, oklch(58.22% 0.1385 33.00) 64.5%, oklch(60.15% 0.1399 40.90) 67.7%, oklch(61.53% 0.1405 47.60) 71.0%, oklch(61.92% 0.1406 52.04) 74.2%, oklch(61.06% 0.1398 53.76) 77.4%, oklch(59.26% 0.1376 53.85) 80.6%, oklch(56.82% 0.1343 52.74) 83.9%, oklch(54.01% 0.1305 50.84) 87.1%, oklch(51.09% 0.1264 48.53) 90.3%, oklch(48.35% 0.1225 46.22) 93.5%, oklch(46.06% 0.1193 44.30) 96.8%, oklch(44.49% 0.1171 43.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.039 | 82.3 |
| 2 | 0.866 | 0.055 | 78 |
| 3 | 0.539 | 0.123 | 10.4 |
| 4 | 0.618 | 0.141 | 52.7 |
| 5 | 0.445 | 0.117 | 43.2 |

## In these collections

- [Thanksgiving gradients](https://grabient.com/thanksgiving-gradients)

## Other forms

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