# Pastel beige, green and blue linear gradient

Pastel beige, green and blue linear gradient with 32 colors: #f6edbd, #f7eebd, #f9f0bc, #faf3bb, #fcf6ba, #fef8ba, #fefbb9, #fefdb9, #fcffb9, #f9ffbf, #f6ffc4, #f2ffc5, #eeffc4, #e9ffc2, #e2ffc1, #dcffc2, #d5fec5, #cffcc8, #c8facc, #c2f8d0, #bcf5d3, #b8f2d7, #b4f0da, #b2eddd, #b1ece1, #b1ebe5, #b1eae9, #b3e9ed, #b5e8f0, #b7e8f3, #bae7f5, #bce7f6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7y1GfKBBPmfwvyl0UcpJFI`
- Page: https://grabient.com/kW7y1GfKBBPmfwvyl0UcpJFI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: even lightness, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#f6edbd` | `oklch(94.09% 0.0620 98.44)` | Wildcat Grey | black, 17.7 to 1 |
| 2 | `#f7eebd` | `oklch(94.46% 0.0643 99.18)` | Joyful | black, 17.9 to 1 |
| 3 | `#f9f0bc` | `oklch(94.99% 0.0676 100.05)` | Solar Glow | black, 18.2 to 1 |
| 4 | `#faf3bb` | `oklch(95.62% 0.0715 101.08)` | Dandelion Wine | black, 18.5 to 1 |
| 5 | `#fcf6ba` | `oklch(96.29% 0.0757 102.30)` | Glowlight | black, 18.9 to 1 |
| 6 | `#fef8ba` | `oklch(96.94% 0.0799 103.73)` | Cashew Cheese | black, 19.3 to 1 |
| 7 | `#fefbb9` | `oklch(97.49% 0.0836 105.41)` | Break of Day | black, 19.7 to 1 |
| 8 | `#fefdb9` | `oklch(97.88% 0.0866 107.35)` | Lamenters Yellow | black, 19.9 to 1 |
| 9 | `#fcffb9` | `oklch(98.05% 0.0886 109.59)` | Lamenters Yellow | black, 20 to 1 |
| 10 | `#f9ffbf` | `oklch(98.04% 0.0821 112.05)` | Sour Veil | black, 20 to 1 |
| 11 | `#f6ffc4` | `oklch(97.90% 0.0767 114.74)` | Yellow Mana | black, 20 to 1 |
| 12 | `#f2ffc5` | `oklch(97.64% 0.0763 117.67)` | Snowdrop | black, 19.8 to 1 |
| 13 | `#eeffc4` | `oklch(97.30% 0.0785 120.86)` | Snowdrop | black, 19.7 to 1 |
| 14 | `#e9ffc2` | `oklch(96.88% 0.0819 124.33)` | Fall Green | black, 19.5 to 1 |
| 15 | `#e2ffc1` | `oklch(96.42% 0.0857 128.10)` | Fall Green | black, 19.3 to 1 |
| 16 | `#dcffc2` | `oklch(95.92% 0.0876 132.19)` | Herbal Vapours | black, 19 to 1 |
| 17 | `#d5fec5` | `oklch(95.39% 0.0859 136.65)` | Distilled Moss | black, 18.8 to 1 |
| 18 | `#cffcc8` | `oklch(94.72% 0.0835 141.61)` | Distilled Moss | black, 18.4 to 1 |
| 19 | `#c8facc` | `oklch(93.93% 0.0805 146.98)` | Toxic Steam | black, 18 to 1 |
| 20 | `#c2f8d0` | `oklch(93.09% 0.0772 152.65)` | Smell the Mint | black, 17.6 to 1 |
| 21 | `#bcf5d3` | `oklch(92.24% 0.0737 158.53)` | Seafair Green | black, 17.1 to 1 |
| 22 | `#b8f2d7` | `oklch(91.45% 0.0701 164.50)` | Mystery Mint | black, 16.7 to 1 |
| 23 | `#b4f0da` | `oklch(90.77% 0.0669 170.45)` | Faint Clover | black, 16.3 to 1 |
| 24 | `#b2eddd` | `oklch(90.25% 0.0640 176.27)` | Water Leaf | black, 16.1 to 1 |
| 25 | `#b1ece1` | `oklch(89.94% 0.0616 182.14)` | Gentle Giant | black, 15.9 to 1 |
| 26 | `#b1ebe5` | `oklch(89.78% 0.0593 188.52)` | Spearmint Water | black, 15.8 to 1 |
| 27 | `#b1eae9` | `oklch(89.75% 0.0572 195.17)` | Spearmint Water | black, 15.7 to 1 |
| 28 | `#b3e9ed` | `oklch(89.80% 0.0553 201.78)` | Spearmint Water | black, 15.7 to 1 |
| 29 | `#b5e8f0` | `oklch(89.90% 0.0535 208.08)` | Winter Escape | black, 15.8 to 1 |
| 30 | `#b7e8f3` | `oklch(90.02% 0.0519 213.75)` | First of July | black, 15.8 to 1 |
| 31 | `#bae7f5` | `oklch(90.12% 0.0506 218.51)` | First of July | black, 15.8 to 1 |
| 32 | `#bce7f6` | `oklch(90.16% 0.0496 222.08)` | First of July | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f6edbd 0.0%, #f7eebd 3.2%, #f9f0bc 6.5%, #faf3bb 9.7%, #fcf6ba 12.9%, #fef8ba 16.1%, #fefbb9 19.4%, #fefdb9 22.6%, #fcffb9 25.8%, #f9ffbf 29.0%, #f6ffc4 32.3%, #f2ffc5 35.5%, #eeffc4 38.7%, #e9ffc2 41.9%, #e2ffc1 45.2%, #dcffc2 48.4%, #d5fec5 51.6%, #cffcc8 54.8%, #c8facc 58.1%, #c2f8d0 61.3%, #bcf5d3 64.5%, #b8f2d7 67.7%, #b4f0da 71.0%, #b2eddd 74.2%, #b1ece1 77.4%, #b1ebe5 80.6%, #b1eae9 83.9%, #b3e9ed 87.1%, #b5e8f0 90.3%, #b7e8f3 93.5%, #bae7f5 96.8%, #bce7f6 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0620 98.44) 0.0%, oklch(94.46% 0.0643 99.18) 3.2%, oklch(94.99% 0.0676 100.05) 6.5%, oklch(95.62% 0.0715 101.08) 9.7%, oklch(96.29% 0.0757 102.30) 12.9%, oklch(96.94% 0.0799 103.73) 16.1%, oklch(97.49% 0.0836 105.41) 19.4%, oklch(97.88% 0.0866 107.35) 22.6%, oklch(98.05% 0.0886 109.59) 25.8%, oklch(98.04% 0.0821 112.05) 29.0%, oklch(97.90% 0.0767 114.74) 32.3%, oklch(97.64% 0.0763 117.67) 35.5%, oklch(97.30% 0.0785 120.86) 38.7%, oklch(96.88% 0.0819 124.33) 41.9%, oklch(96.42% 0.0857 128.10) 45.2%, oklch(95.92% 0.0876 132.19) 48.4%, oklch(95.39% 0.0859 136.65) 51.6%, oklch(94.72% 0.0835 141.61) 54.8%, oklch(93.93% 0.0805 146.98) 58.1%, oklch(93.09% 0.0772 152.65) 61.3%, oklch(92.24% 0.0737 158.53) 64.5%, oklch(91.45% 0.0701 164.50) 67.7%, oklch(90.77% 0.0669 170.45) 71.0%, oklch(90.25% 0.0640 176.27) 74.2%, oklch(89.94% 0.0616 182.14) 77.4%, oklch(89.78% 0.0593 188.52) 80.6%, oklch(89.75% 0.0572 195.17) 83.9%, oklch(89.80% 0.0553 201.78) 87.1%, oklch(89.90% 0.0535 208.08) 90.3%, oklch(90.02% 0.0519 213.75) 93.5%, oklch(90.12% 0.0506 218.51) 96.8%, oklch(90.16% 0.0496 222.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.062 | 98.4 |
| 2 | 0.98 | 0.088 | 109 |
| 3 | 0.957 | 0.087 | 134.4 |
| 4 | 0.902 | 0.063 | 177.7 |
| 5 | 0.902 | 0.05 | 222.1 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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