# Pumpkin pie and whipped cream

Beige, brown and off-white linear gradient with 32 colors: #eeddba, #ebd7b1, #e8d0a4, #e5c794, #e2bd84, #deb372, #dba861, #d79e52, #d39446, #ce8a3a, #c87f2f, #c17426, #bb691f, #b4601b, #af5a1a, #ac571c, #ac5821, #af5e29, #b36633, #b9713f, #bf7d4c, #c68a5a, #cc9768, #d1a275, #d5ac82, #dab790, #dec39f, #e3ceae, #e7d8bd, #ece1cb, #f0e8d6, #f3eedf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, brown and off-white linear gradient
- Seed: `kW5SQ826u-MYvPZfnUG-IfC4`
- Page: https://grabient.com/kW5SQ826u-MYvPZfnUG-IfC4?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#eeddba` | `oklch(90.16% 0.0496 85.08)` | Salt Steppe | black, 15.6 to 1 |
| 2 | `#ebd7b1` | `oklch(88.70% 0.0557 83.93)` | Golden Syrup | black, 14.9 to 1 |
| 3 | `#e8d0a4` | `oklch(86.74% 0.0642 82.44)` | Sand Sculpture | black, 14 to 1 |
| 4 | `#e5c794` | `oklch(84.41% 0.0745 80.67)` | Venice Square | black, 12.9 to 1 |
| 5 | `#e2bd84` | `oklch(81.83% 0.0855 78.68)` | Bag of Gold | black, 11.8 to 1 |
| 6 | `#deb372` | `oklch(79.12% 0.0966 76.52)` | Demerara Sugar | black, 10.7 to 1 |
| 7 | `#dba861` | `oklch(76.41% 0.1067 74.27)` | Sugar Honey Cashew | black, 9.7 to 1 |
| 8 | `#d79e52` | `oklch(73.83% 0.1152 71.99)` | Deep Bamboo Yellow | black, 8.8 to 1 |
| 9 | `#d39446` | `oklch(71.46% 0.1211 69.70)` | Hint of Caramel | black, 8.1 to 1 |
| 10 | `#ce8a3a` | `oklch(68.85% 0.1255 66.96)` | Brown Beige | black, 7.3 to 1 |
| 11 | `#c87f2f` | `oklch(65.94% 0.1289 63.80)` | Mulberry Thorn | black, 6.5 to 1 |
| 12 | `#c17426` | `oklch(62.97% 0.1312 60.46)` | Sudan Brown | black, 5.7 to 1 |
| 13 | `#bb691f` | `oklch(60.18% 0.1326 57.20)` | Thai Curry | black, 5.1 to 1 |
| 14 | `#b4601b` | `oklch(57.80% 0.1329 54.29)` | Old Guitar | black, 4.6 to 1 |
| 15 | `#af5a1a` | `oklch(56.05% 0.1323 51.98)` | Mid Century Furniture | white, 4.8 to 1 |
| 16 | `#ac571c` | `oklch(55.16% 0.1307 50.53)` | Sienna | white, 5 to 1 |
| 17 | `#ac5821` | `oklch(55.37% 0.1280 50.15)` | Autumnal | white, 5 to 1 |
| 18 | `#af5e29` | `oklch(56.68% 0.1238 50.71)` | Plaguelands Hazel | white, 4.7 to 1 |
| 19 | `#b36633` | `oklch(58.87% 0.1183 52.02)` | Date Fruit Brown | black, 4.8 to 1 |
| 20 | `#b9713f` | `oklch(61.69% 0.1117 53.93)` | Spice Cake | black, 5.4 to 1 |
| 21 | `#bf7d4c` | `oklch(64.92% 0.1044 56.27)` | Chai Spice | black, 6.2 to 1 |
| 22 | `#c68a5a` | `oklch(68.29% 0.0968 58.89)` | Espresso Tonic | black, 7.1 to 1 |
| 23 | `#cc9768` | `oklch(71.58% 0.0891 61.63)` | Santa Fe Sunrise | black, 8.1 to 1 |
| 24 | `#d1a275` | `oklch(74.54% 0.0817 64.35)` | Muntok White Pepper | black, 9.1 to 1 |
| 25 | `#d5ac82` | `oklch(77.20% 0.0743 67.14)` | Santa Fe Tan | black, 10 to 1 |
| 26 | `#dab790` | `oklch(80.06% 0.0660 70.51)` | Nutmeg Glow | black, 11.1 to 1 |
| 27 | `#dec39f` | `oklch(83.01% 0.0572 74.25)` | Slender Reed | black, 12.3 to 1 |
| 28 | `#e3ceae` | `oklch(85.94% 0.0483 78.12)` | Classic Terra | black, 13.6 to 1 |
| 29 | `#e7d8bd` | `oklch(88.71% 0.0397 81.90)` | Ivory Essence | black, 14.9 to 1 |
| 30 | `#ece1cb` | `oklch(91.21% 0.0320 85.36)` | Classical White | black, 16.1 to 1 |
| 31 | `#f0e8d6` | `oklch(93.31% 0.0255 88.25)` | Starfox | black, 17.2 to 1 |
| 32 | `#f3eedf` | `oklch(94.88% 0.0207 90.36)` | Whipped White | black, 18 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eeddba 0.0%, #ebd7b1 3.2%, #e8d0a4 6.5%, #e5c794 9.7%, #e2bd84 12.9%, #deb372 16.1%, #dba861 19.4%, #d79e52 22.6%, #d39446 25.8%, #ce8a3a 29.0%, #c87f2f 32.3%, #c17426 35.5%, #bb691f 38.7%, #b4601b 41.9%, #af5a1a 45.2%, #ac571c 48.4%, #ac5821 51.6%, #af5e29 54.8%, #b36633 58.1%, #b9713f 61.3%, #bf7d4c 64.5%, #c68a5a 67.7%, #cc9768 71.0%, #d1a275 74.2%, #d5ac82 77.4%, #dab790 80.6%, #dec39f 83.9%, #e3ceae 87.1%, #e7d8bd 90.3%, #ece1cb 93.5%, #f0e8d6 96.8%, #f3eedf 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0496 85.08) 0.0%, oklch(88.70% 0.0557 83.93) 3.2%, oklch(86.74% 0.0642 82.44) 6.5%, oklch(84.41% 0.0745 80.67) 9.7%, oklch(81.83% 0.0855 78.68) 12.9%, oklch(79.12% 0.0966 76.52) 16.1%, oklch(76.41% 0.1067 74.27) 19.4%, oklch(73.83% 0.1152 71.99) 22.6%, oklch(71.46% 0.1211 69.70) 25.8%, oklch(68.85% 0.1255 66.96) 29.0%, oklch(65.94% 0.1289 63.80) 32.3%, oklch(62.97% 0.1312 60.46) 35.5%, oklch(60.18% 0.1326 57.20) 38.7%, oklch(57.80% 0.1329 54.29) 41.9%, oklch(56.05% 0.1323 51.98) 45.2%, oklch(55.16% 0.1307 50.53) 48.4%, oklch(55.37% 0.1280 50.15) 51.6%, oklch(56.68% 0.1238 50.71) 54.8%, oklch(58.87% 0.1183 52.02) 58.1%, oklch(61.69% 0.1117 53.93) 61.3%, oklch(64.92% 0.1044 56.27) 64.5%, oklch(68.29% 0.0968 58.89) 67.7%, oklch(71.58% 0.0891 61.63) 71.0%, oklch(74.54% 0.0817 64.35) 74.2%, oklch(77.20% 0.0743 67.14) 77.4%, oklch(80.06% 0.0660 70.51) 80.6%, oklch(83.01% 0.0572 74.25) 83.9%, oklch(85.94% 0.0483 78.12) 87.1%, oklch(88.71% 0.0397 81.90) 90.3%, oklch(91.21% 0.0320 85.36) 93.5%, oklch(93.31% 0.0255 88.25) 96.8%, oklch(94.88% 0.0207 90.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.05 | 85.1 |
| 2 | 0.72 | 0.12 | 70.3 |
| 3 | 0.551 | 0.13 | 50.2 |
| 4 | 0.752 | 0.08 | 65 |
| 5 | 0.949 | 0.021 | 90.4 |

## In these collections

- [Pumpkin spice color palette](https://grabient.com/pumpkin-spice-color-palette)

## Other forms

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