# Warm beige, yellow, peach and pink linear gradient

Warm beige, yellow, peach and pink linear gradient with 32 colors: #fff9d1, #fff8cb, #fff7c3, #fff6b9, #fff5ad, #fff4a0, #fef295, #fef088, #fdee7c, #feeb71, #fee767, #ffe360, #ffdf62, #ffda64, #ffd566, #ffcf68, #ffc968, #ffc368, #ffbd67, #ffb765, #feb167, #fdab66, #fca465, #fc9c63, #fb9462, #fa8b62, #f98363, #f77a65, #f67267, #f46b69, #f2656c, #f0616e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU-CtHdTa_2cuu3WQDrA`
- Page: https://grabient.com/kU-CtHdTa_2cuu3WQDrA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, light, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.9 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 | `#fff9d1` | `oklch(97.64% 0.0514 99.86)` | Pale | black, 19.6 to 1 |
| 2 | `#fff8cb` | `oklch(97.34% 0.0580 99.95)` | Lemon Chiffon | black, 19.5 to 1 |
| 3 | `#fff7c3` | `oklch(97.00% 0.0669 100.27)` | Lemon Chiffon Pie | black, 19.3 to 1 |
| 4 | `#fff6b9` | `oklch(96.60% 0.0780 100.73)` | Glowlight | black, 19.1 to 1 |
| 5 | `#fff5ad` | `oklch(96.16% 0.0912 101.22)` | Banana Milk | black, 18.9 to 1 |
| 6 | `#fff4a0` | `oklch(95.66% 0.1042 101.64)` | Candle Flame | black, 18.6 to 1 |
| 7 | `#fef295` | `oklch(95.11% 0.1154 101.90)` | Goldilocks | black, 18.3 to 1 |
| 8 | `#fef088` | `oklch(94.51% 0.1260 101.90)` | The First Daffodil | black, 18 to 1 |
| 9 | `#fdee7c` | `oklch(93.85% 0.1355 101.55)` | Golden Aurelia | black, 17.6 to 1 |
| 10 | `#feeb71` | `oklch(93.15% 0.1433 100.74)` | Fuzzy Duckling | black, 17.3 to 1 |
| 11 | `#fee767` | `oklch(92.39% 0.1489 99.38)` | Fried Egg | black, 16.8 to 1 |
| 12 | `#ffe360` | `oklch(91.57% 0.1513 97.39)` | Fried Egg | black, 16.4 to 1 |
| 13 | `#ffdf62` | `oklch(90.69% 0.1464 94.81)` | Neon Light | black, 15.9 to 1 |
| 14 | `#ffda64` | `oklch(89.73% 0.1410 91.73)` | Sunrose Yellow | black, 15.4 to 1 |
| 15 | `#ffd566` | `oklch(88.72% 0.1362 88.24)` | Aspen Gold | black, 14.9 to 1 |
| 16 | `#ffcf68` | `oklch(87.65% 0.1324 84.42)` | Chickadee | black, 14.3 to 1 |
| 17 | `#ffc968` | `oklch(86.55% 0.1298 80.36)` | Honeypot | black, 13.8 to 1 |
| 18 | `#ffc368` | `oklch(85.41% 0.1283 76.14)` | Honey Locust | black, 13.2 to 1 |
| 19 | `#ffbd67` | `oklch(84.25% 0.1281 71.86)` | Crispy Samosa | black, 12.7 to 1 |
| 20 | `#ffb765` | `oklch(83.07% 0.1289 67.59)` | Warm Apricot | black, 12.1 to 1 |
| 21 | `#feb167` | `oklch(81.89% 0.1278 63.42)` | Mango Salsa | black, 11.6 to 1 |
| 22 | `#fdab66` | `oklch(80.70% 0.1287 59.40)` | Downy Feather | black, 11.1 to 1 |
| 23 | `#fca465` | `oklch(79.39% 0.1313 55.10)` | Usukō | black, 10.6 to 1 |
| 24 | `#fc9c63` | `oklch(77.98% 0.1352 50.46)` | Fresh Cantaloupe | black, 10 to 1 |
| 25 | `#fb9462` | `oklch(76.49% 0.1402 45.63)` | Indian Paintbrush | black, 9.5 to 1 |
| 26 | `#fa8b62` | `oklch(74.97% 0.1459 40.74)` | After Burn | black, 8.9 to 1 |
| 27 | `#f98363` | `oklch(73.47% 0.1519 35.91)` | Pink Fire | black, 8.4 to 1 |
| 28 | `#f77a65` | `oklch(72.03% 0.1580 31.28)` | Akebono Dawn | black, 7.9 to 1 |
| 29 | `#f67267` | `oklch(70.69% 0.1638 26.99)` | Rosé | black, 7.5 to 1 |
| 30 | `#f46b69` | `oklch(69.50% 0.1690 23.16)` | Sriracha | black, 7.1 to 1 |
| 31 | `#f2656c` | `oklch(68.49% 0.1733 19.92)` | Usubeni Red | black, 6.8 to 1 |
| 32 | `#f0616e` | `oklch(67.72% 0.1764 17.42)` | Dubarry | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff9d1 0.0%, #fff8cb 3.2%, #fff7c3 6.5%, #fff6b9 9.7%, #fff5ad 12.9%, #fff4a0 16.1%, #fef295 19.4%, #fef088 22.6%, #fdee7c 25.8%, #feeb71 29.0%, #fee767 32.3%, #ffe360 35.5%, #ffdf62 38.7%, #ffda64 41.9%, #ffd566 45.2%, #ffcf68 48.4%, #ffc968 51.6%, #ffc368 54.8%, #ffbd67 58.1%, #ffb765 61.3%, #feb167 64.5%, #fdab66 67.7%, #fca465 71.0%, #fc9c63 74.2%, #fb9462 77.4%, #fa8b62 80.6%, #f98363 83.9%, #f77a65 87.1%, #f67267 90.3%, #f46b69 93.5%, #f2656c 96.8%, #f0616e 100.0%);
background: linear-gradient(90deg in oklch, oklch(97.64% 0.0514 99.86) 0.0%, oklch(97.34% 0.0580 99.95) 3.2%, oklch(97.00% 0.0669 100.27) 6.5%, oklch(96.60% 0.0780 100.73) 9.7%, oklch(96.16% 0.0912 101.22) 12.9%, oklch(95.66% 0.1042 101.64) 16.1%, oklch(95.11% 0.1154 101.90) 19.4%, oklch(94.51% 0.1260 101.90) 22.6%, oklch(93.85% 0.1355 101.55) 25.8%, oklch(93.15% 0.1433 100.74) 29.0%, oklch(92.39% 0.1489 99.38) 32.3%, oklch(91.57% 0.1513 97.39) 35.5%, oklch(90.69% 0.1464 94.81) 38.7%, oklch(89.73% 0.1410 91.73) 41.9%, oklch(88.72% 0.1362 88.24) 45.2%, oklch(87.65% 0.1324 84.42) 48.4%, oklch(86.55% 0.1298 80.36) 51.6%, oklch(85.41% 0.1283 76.14) 54.8%, oklch(84.25% 0.1281 71.86) 58.1%, oklch(83.07% 0.1289 67.59) 61.3%, oklch(81.89% 0.1278 63.42) 64.5%, oklch(80.70% 0.1287 59.40) 67.7%, oklch(79.39% 0.1313 55.10) 71.0%, oklch(77.98% 0.1352 50.46) 74.2%, oklch(76.49% 0.1402 45.63) 77.4%, oklch(74.97% 0.1459 40.74) 80.6%, oklch(73.47% 0.1519 35.91) 83.9%, oklch(72.03% 0.1580 31.28) 87.1%, oklch(70.69% 0.1638 26.99) 90.3%, oklch(69.50% 0.1690 23.16) 93.5%, oklch(68.49% 0.1733 19.92) 96.8%, oklch(67.72% 0.1764 17.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.059 | 99.8 |
| 2 | 0.921 | 0.15 | 98.8 |
| 3 | 0.811 | 0.128 | 60.7 |
| 4 | 0.677 | 0.176 | 17.4 |

## In these collections

- [Radial gradients](https://grabient.com/radial-gradients)

## Other forms

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