# Monochrome orange to white linear gradient

Monochrome orange to white linear gradient with 32 colors: #e28652, #e38a57, #e58f5d, #e79465, #e99a6d, #eba176, #eea77e, #f0ae87, #f2b490, #f4ba98, #f5c09f, #f6c4a5, #f7c9aa, #f8cdb0, #f8d1b5, #f9d4ba, #f9d8bf, #fadbc4, #fadec8, #fae1cc, #fbe4d0, #fbe7d4, #fcead7, #fcecdb, #fdeede, #fdf0e0, #fef2e3, #fef4e5, #fff6e7, #fff7ea, #fff8ec, #fff9ee. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUtF8jbBtAfcMwV9B0IA`
- Page: https://grabient.com/kUtF8jbBtAfcMwV9B0IA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.5 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 | `#e28652` | `oklch(70.87% 0.1309 49.22)` | Orange Poppy | black, 7.7 to 1 |
| 2 | `#e38a57` | `oklch(71.70% 0.1276 49.43)` | Aegean Sky | black, 8 to 1 |
| 3 | `#e58f5d` | `oklch(72.80% 0.1233 49.66)` | Big Foot Feet | black, 8.3 to 1 |
| 4 | `#e79465` | `oklch(74.11% 0.1181 49.92)` | Peachy Maroney | black, 8.8 to 1 |
| 5 | `#e99a6d` | `oklch(75.58% 0.1124 50.21)` | Inventive Orange | black, 9.3 to 1 |
| 6 | `#eba176` | `oklch(77.14% 0.1062 50.54)` | Mexican Standoff | black, 9.8 to 1 |
| 7 | `#eea77e` | `oklch(78.76% 0.0998 50.93)` | Orange Liqueur | black, 10.4 to 1 |
| 8 | `#f0ae87` | `oklch(80.38% 0.0934 51.39)` | Peach Quartz | black, 11.1 to 1 |
| 9 | `#f2b490` | `oklch(81.93% 0.0872 51.91)` | Caramel Cream | black, 11.7 to 1 |
| 10 | `#f4ba98` | `oklch(83.38% 0.0813 52.51)` | Peach Parfait | black, 12.3 to 1 |
| 11 | `#f5c09f` | `oklch(84.66% 0.0760 53.20)` | Shrimp Boat | black, 12.8 to 1 |
| 12 | `#f6c4a5` | `oklch(85.76% 0.0713 53.97)` | Peach Damask | black, 13.3 to 1 |
| 13 | `#f7c9aa` | `oklch(86.79% 0.0668 54.83)` | Bleached Apricot | black, 13.8 to 1 |
| 14 | `#f8cdb0` | `oklch(87.76% 0.0623 55.76)` | Whipped Peach | black, 14.3 to 1 |
| 15 | `#f8d1b5` | `oklch(88.68% 0.0580 56.77)` | Dough Yellow | black, 14.7 to 1 |
| 16 | `#f9d4ba` | `oklch(89.55% 0.0539 57.84)` | Tender Peach | black, 15.1 to 1 |
| 17 | `#f9d8bf` | `oklch(90.36% 0.0499 58.98)` | Fresh Baked Bread | black, 15.6 to 1 |
| 18 | `#fadbc4` | `oklch(91.14% 0.0461 60.18)` | Sweetness | black, 16 to 1 |
| 19 | `#fadec8` | `oklch(91.88% 0.0426 61.44)` | Muffin Magic | black, 16.3 to 1 |
| 20 | `#fae1cc` | `oklch(92.59% 0.0393 62.75)` | Peach Kiss | black, 16.7 to 1 |
| 21 | `#fbe4d0` | `oklch(93.26% 0.0363 64.13)` | Scalloped Potato | black, 17.1 to 1 |
| 22 | `#fbe7d4` | `oklch(93.92% 0.0336 65.56)` | Naive Peach | black, 17.4 to 1 |
| 23 | `#fcead7` | `oklch(94.54% 0.0312 67.21)` | Peach Fade | black, 17.8 to 1 |
| 24 | `#fcecdb` | `oklch(95.13% 0.0290 69.05)` | Mango Cheesecake | black, 18.1 to 1 |
| 25 | `#fdeede` | `oklch(95.68% 0.0272 71.03)` | Sweet Buttermilk | black, 18.4 to 1 |
| 26 | `#fdf0e0` | `oklch(96.20% 0.0256 73.07)` | Award Winning White | black, 18.7 to 1 |
| 27 | `#fef2e3` | `oklch(96.68% 0.0242 75.12)` | Doeskin | black, 19 to 1 |
| 28 | `#fef4e5` | `oklch(97.12% 0.0229 77.10)` | Old Lace | black, 19.2 to 1 |
| 29 | `#fff6e7` | `oklch(97.52% 0.0218 78.95)` | Soft Pillow | black, 19.5 to 1 |
| 30 | `#fff7ea` | `oklch(97.87% 0.0196 80.62)` | Apricot Ice | black, 19.7 to 1 |
| 31 | `#fff8ec` | `oklch(98.17% 0.0175 82.01)` | Day Lily | black, 19.9 to 1 |
| 32 | `#fff9ee` | `oklch(98.42% 0.0155 83.08)` | Satin Purse | black, 20 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e28652 0.0%, #e38a57 3.2%, #e58f5d 6.5%, #e79465 9.7%, #e99a6d 12.9%, #eba176 16.1%, #eea77e 19.4%, #f0ae87 22.6%, #f2b490 25.8%, #f4ba98 29.0%, #f5c09f 32.3%, #f6c4a5 35.5%, #f7c9aa 38.7%, #f8cdb0 41.9%, #f8d1b5 45.2%, #f9d4ba 48.4%, #f9d8bf 51.6%, #fadbc4 54.8%, #fadec8 58.1%, #fae1cc 61.3%, #fbe4d0 64.5%, #fbe7d4 67.7%, #fcead7 71.0%, #fcecdb 74.2%, #fdeede 77.4%, #fdf0e0 80.6%, #fef2e3 83.9%, #fef4e5 87.1%, #fff6e7 90.3%, #fff7ea 93.5%, #fff8ec 96.8%, #fff9ee 100.0%);
background: linear-gradient(90deg in oklch, oklch(70.87% 0.1309 49.22) 0.0%, oklch(71.70% 0.1276 49.43) 3.2%, oklch(72.80% 0.1233 49.66) 6.5%, oklch(74.11% 0.1181 49.92) 9.7%, oklch(75.58% 0.1124 50.21) 12.9%, oklch(77.14% 0.1062 50.54) 16.1%, oklch(78.76% 0.0998 50.93) 19.4%, oklch(80.38% 0.0934 51.39) 22.6%, oklch(81.93% 0.0872 51.91) 25.8%, oklch(83.38% 0.0813 52.51) 29.0%, oklch(84.66% 0.0760 53.20) 32.3%, oklch(85.76% 0.0713 53.97) 35.5%, oklch(86.79% 0.0668 54.83) 38.7%, oklch(87.76% 0.0623 55.76) 41.9%, oklch(88.68% 0.0580 56.77) 45.2%, oklch(89.55% 0.0539 57.84) 48.4%, oklch(90.36% 0.0499 58.98) 51.6%, oklch(91.14% 0.0461 60.18) 54.8%, oklch(91.88% 0.0426 61.44) 58.1%, oklch(92.59% 0.0393 62.75) 61.3%, oklch(93.26% 0.0363 64.13) 64.5%, oklch(93.92% 0.0336 65.56) 67.7%, oklch(94.54% 0.0312 67.21) 71.0%, oklch(95.13% 0.0290 69.05) 74.2%, oklch(95.68% 0.0272 71.03) 77.4%, oklch(96.20% 0.0256 73.07) 80.6%, oklch(96.68% 0.0242 75.12) 83.9%, oklch(97.12% 0.0229 77.10) 87.1%, oklch(97.52% 0.0218 78.95) 90.3%, oklch(97.87% 0.0196 80.62) 93.5%, oklch(98.17% 0.0175 82.01) 96.8%, oklch(98.42% 0.0155 83.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.131 | 49.2 |
| 2 | 0.85 | 0.074 | 53.4 |
| 3 | 0.937 | 0.034 | 65.1 |
| 4 | 0.984 | 0.019 | 83 |

## In these collections

- [Cream](https://grabient.com/cream)
- [Persimmon gradients](https://grabient.com/persimmon-gradients)

## Other forms

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