# Off-white, light pink, tan and peach linear gradient

Off-white, light pink, tan and peach linear gradient with 32 colors: #f5f5e2, #f7f4e3, #f9f3e4, #fbf3e7, #fcf3ea, #fcf3ed, #fbf2ef, #fbf2ef, #fcf0ed, #fdeeea, #ffeae4, #ffe7de, #ffe4d6, #ffe1cc, #ffdec1, #ffdbb5, #fed9ad, #fcd6a4, #fbd39a, #fad091, #f8cd88, #f7ca80, #f7c879, #f6c674, #f6c472, #f7c373, #f8c276, #f9c27a, #fac27f, #fbc284, #fcc288, #fcc28a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9RJLeoS3fOYxFsKcD7KO-Q`
- Page: https://grabient.com/kW9RJLeoS3fOYxFsKcD7KO-Q?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#f5f5e2` | `oklch(96.46% 0.0248 105.47)` | Precious Dewdrop | black, 19 to 1 |
| 2 | `#f7f4e3` | `oklch(96.50% 0.0233 98.92)` | Daisy White | black, 19 to 1 |
| 3 | `#f9f3e4` | `oklch(96.59% 0.0208 89.34)` | Daisy White | black, 19 to 1 |
| 4 | `#fbf3e7` | `oklch(96.71% 0.0178 77.88)` | Milk Moustache | black, 19 to 1 |
| 5 | `#fcf3ea` | `oklch(96.81% 0.0148 65.71)` | White Fever | black, 19.1 to 1 |
| 6 | `#fcf3ed` | `oklch(96.86% 0.0123 53.99)` | Silver Bird | black, 19.1 to 1 |
| 7 | `#fbf2ef` | `oklch(96.83% 0.0109 43.89)` | Ivory Tower | black, 19.1 to 1 |
| 8 | `#fbf2ef` | `oklch(96.67% 0.0110 36.57)` | Ivory Tower | black, 19 to 1 |
| 9 | `#fcf0ed` | `oklch(96.36% 0.0132 33.17)` | Strawberry Dust | black, 18.8 to 1 |
| 10 | `#fdeeea` | `oklch(95.88% 0.0176 33.71)` | Rose White | black, 18.5 to 1 |
| 11 | `#ffeae4` | `oklch(95.27% 0.0237 37.24)` | Soft Pink Mist | black, 18.1 to 1 |
| 12 | `#ffe7de` | `oklch(94.55% 0.0289 42.89)` | French Manicure | black, 17.7 to 1 |
| 13 | `#ffe4d6` | `oklch(93.77% 0.0351 49.75)` | Light Peach Rose | black, 17.3 to 1 |
| 14 | `#ffe1cc` | `oklch(92.95% 0.0430 56.95)` | Autumn Bloom | black, 16.9 to 1 |
| 15 | `#ffdec1` | `oklch(92.12% 0.0528 63.60)` | Orange Ice | black, 16.4 to 1 |
| 16 | `#ffdbb5` | `oklch(91.32% 0.0636 68.81)` | Pandora’s Box | black, 16.1 to 1 |
| 17 | `#fed9ad` | `oklch(90.56% 0.0709 71.99)` | Peach Cider | black, 15.7 to 1 |
| 18 | `#fcd6a4` | `oklch(89.73% 0.0781 74.36)` | Prosecco | black, 15.3 to 1 |
| 19 | `#fbd39a` | `oklch(88.85% 0.0855 76.22)` | Paw Paw | black, 14.9 to 1 |
| 20 | `#fad091` | `oklch(87.95% 0.0928 77.59)` | Maple Elixir | black, 14.4 to 1 |
| 21 | `#f8cd88` | `oklch(87.09% 0.0996 78.53)` | Elven Beige | black, 14 to 1 |
| 22 | `#f7ca80` | `oklch(86.31% 0.1056 79.07)` | Cheddar Chunk | black, 13.7 to 1 |
| 23 | `#f7c879` | `oklch(85.64% 0.1105 79.26)` | Sunday Afternoon | black, 13.4 to 1 |
| 24 | `#f6c674` | `oklch(85.13% 0.1138 79.13)` | Sunday Afternoon | black, 13.2 to 1 |
| 25 | `#f6c472` | `oklch(84.83% 0.1152 78.54)` | Just Peachy | black, 13 to 1 |
| 26 | `#f7c373` | `oklch(84.71% 0.1146 77.18)` | Just Peachy | black, 13 to 1 |
| 27 | `#f8c276` | `oklch(84.73% 0.1125 75.26)` | Just Peachy | black, 13 to 1 |
| 28 | `#f9c27a` | `oklch(84.85% 0.1095 73.00)` | Zing | black, 13 to 1 |
| 29 | `#fac27f` | `oklch(85.02% 0.1059 70.65)` | Zing | black, 13 to 1 |
| 30 | `#fbc284` | `oklch(85.20% 0.1025 68.43)` | Apricot Appeal | black, 13.1 to 1 |
| 31 | `#fcc288` | `oklch(85.36% 0.0996 66.57)` | Buttery | black, 13.2 to 1 |
| 32 | `#fcc28a` | `oklch(85.43% 0.0978 65.31)` | Buttery | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f5f5e2 0.0%, #f7f4e3 3.2%, #f9f3e4 6.5%, #fbf3e7 9.7%, #fcf3ea 12.9%, #fcf3ed 16.1%, #fbf2ef 19.4%, #fbf2ef 22.6%, #fcf0ed 25.8%, #fdeeea 29.0%, #ffeae4 32.3%, #ffe7de 35.5%, #ffe4d6 38.7%, #ffe1cc 41.9%, #ffdec1 45.2%, #ffdbb5 48.4%, #fed9ad 51.6%, #fcd6a4 54.8%, #fbd39a 58.1%, #fad091 61.3%, #f8cd88 64.5%, #f7ca80 67.7%, #f7c879 71.0%, #f6c674 74.2%, #f6c472 77.4%, #f7c373 80.6%, #f8c276 83.9%, #f9c27a 87.1%, #fac27f 90.3%, #fbc284 93.5%, #fcc288 96.8%, #fcc28a 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.46% 0.0248 105.47) 0.0%, oklch(96.50% 0.0233 98.92) 3.2%, oklch(96.59% 0.0208 89.34) 6.5%, oklch(96.71% 0.0178 77.88) 9.7%, oklch(96.81% 0.0148 65.71) 12.9%, oklch(96.86% 0.0123 53.99) 16.1%, oklch(96.83% 0.0109 43.89) 19.4%, oklch(96.67% 0.0110 36.57) 22.6%, oklch(96.36% 0.0132 33.17) 25.8%, oklch(95.88% 0.0176 33.71) 29.0%, oklch(95.27% 0.0237 37.24) 32.3%, oklch(94.55% 0.0289 42.89) 35.5%, oklch(93.77% 0.0351 49.75) 38.7%, oklch(92.95% 0.0430 56.95) 41.9%, oklch(92.12% 0.0528 63.60) 45.2%, oklch(91.32% 0.0636 68.81) 48.4%, oklch(90.56% 0.0709 71.99) 51.6%, oklch(89.73% 0.0781 74.36) 54.8%, oklch(88.85% 0.0855 76.22) 58.1%, oklch(87.95% 0.0928 77.59) 61.3%, oklch(87.09% 0.0996 78.53) 64.5%, oklch(86.31% 0.1056 79.07) 67.7%, oklch(85.64% 0.1105 79.26) 71.0%, oklch(85.13% 0.1138 79.13) 74.2%, oklch(84.83% 0.1152 78.54) 77.4%, oklch(84.71% 0.1146 77.18) 80.6%, oklch(84.73% 0.1125 75.26) 83.9%, oklch(84.85% 0.1095 73.00) 87.1%, oklch(85.02% 0.1059 70.65) 90.3%, oklch(85.20% 0.1025 68.43) 93.5%, oklch(85.36% 0.0996 66.57) 96.8%, oklch(85.43% 0.0978 65.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.965 | 0.025 | 105.5 |
| 2 | 0.965 | 0.012 | 33.6 |
| 3 | 0.909 | 0.068 | 70.6 |
| 4 | 0.85 | 0.114 | 79 |
| 5 | 0.854 | 0.098 | 65.3 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)
- [Golden hour gradients](https://grabient.com/golden-hour-gradients)
- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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