# Pastel blue, beige and green linear gradient

Pastel blue, beige and green linear gradient with 32 colors: #6d93cb, #7099d1, #76a2da, #7cace3, #83b6eb, #8bbef1, #95c5f7, #9fccfb, #a8d2fe, #b0d9ff, #b9dffe, #c5e5fa, #d1eaf6, #daeef4, #dff3f4, #e2f9f1, #e7fdea, #f1fee0, #faffd6, #fffed0, #fffed0, #feffbb, #fcffb6, #fbffab, #f8ffa3, #f3ff9b, #eeff92, #e7ff84, #dffe7b, #d5fd76, #ccfb72, #c5fa6f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcp0W34iG--4Zv73iDvfRI0fymP16NsDdUBBA`
- Page: https://grabient.com/kcp0W34iG--4Zv73iDvfRI0fymP16NsDdUBBA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 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 | `#6d93cb` | `oklch(65.75% 0.0951 258.05)` | Zeus Temple | black, 6.6 to 1 |
| 2 | `#7099d1` | `oklch(67.59% 0.0950 256.58)` | Sea Loch | black, 7.1 to 1 |
| 3 | `#76a2da` | `oklch(70.24% 0.0951 254.45)` | Kindred | black, 7.9 to 1 |
| 4 | `#7cace3` | `oklch(73.23% 0.0947 252.15)` | Jordy Blue | black, 8.8 to 1 |
| 5 | `#83b6eb` | `oklch(76.09% 0.0934 250.20)` | Aero | black, 9.8 to 1 |
| 6 | `#8bbef1` | `oklch(78.50% 0.0906 249.25)` | Electric Eel | black, 10.7 to 1 |
| 7 | `#95c5f7` | `oklch(80.74% 0.0870 249.71)` | Sail to the Sea | black, 11.5 to 1 |
| 8 | `#9fccfb` | `oklch(82.89% 0.0824 250.36)` | Apocyan | black, 12.4 to 1 |
| 9 | `#a8d2fe` | `oklch(84.94% 0.0765 249.85)` | Ice Cold Stare | black, 13.3 to 1 |
| 10 | `#b0d9ff` | `oklch(86.89% 0.0683 246.87)` | Droplet | black, 14.2 to 1 |
| 11 | `#b9dffe` | `oklch(88.76% 0.0578 242.35)` | Dithered Sky | black, 15 to 1 |
| 12 | `#c5e5fa` | `oklch(90.55% 0.0440 236.48)` | Fresh Water | black, 15.9 to 1 |
| 13 | `#d1eaf6` | `oklch(92.21% 0.0313 228.27)` | Freezing Vapour | black, 16.7 to 1 |
| 14 | `#daeef4` | `oklch(93.70% 0.0231 216.68)` | Ice Fishing | black, 17.5 to 1 |
| 15 | `#dff3f4` | `oklch(95.02% 0.0219 199.46)` | Bone-Chilling | black, 18.2 to 1 |
| 16 | `#e2f9f1` | `oklch(96.22% 0.0259 175.28)` | Soft Mint | black, 18.9 to 1 |
| 17 | `#e7fdea` | `oklch(97.24% 0.0335 149.20)` | Winter Mist | black, 19.6 to 1 |
| 18 | `#f1fee0` | `oklch(98.03% 0.0428 126.53)` | Baby Tooth | black, 20 to 1 |
| 19 | `#faffd6` | `oklch(98.54% 0.0524 112.42)` | Matt White | black, 20.3 to 1 |
| 20 | `#fffed0` | `oklch(98.70% 0.0597 106.76)` | Yellow Urn Orchid | black, 20.3 to 1 |
| 21 | `#fffed0` | `oklch(98.61% 0.0595 106.30)` | Yellow Urn Orchid | black, 20.3 to 1 |
| 22 | `#feffbb` | `oklch(98.36% 0.0865 108.29)` | Golden Hermes | black, 20.2 to 1 |
| 23 | `#fcffb6` | `oklch(98.07% 0.0927 110.03)` | Crème | black, 20.1 to 1 |
| 24 | `#fbffab` | `oklch(97.78% 0.1055 110.70)` | Ginger Lemon Tea | black, 19.9 to 1 |
| 25 | `#f8ffa3` | `oklch(97.42% 0.1151 112.19)` | Calamansi | black, 19.8 to 1 |
| 26 | `#f3ff9b` | `oklch(96.97% 0.1237 114.20)` | Metal Spark | black, 19.6 to 1 |
| 27 | `#eeff92` | `oklch(96.42% 0.1346 116.34)` | Metal Spark | black, 19.3 to 1 |
| 28 | `#e7ff84` | `oklch(95.74% 0.1509 118.37)` | Huáng Dì Yellow | black, 19 to 1 |
| 29 | `#dffe7b` | `oklch(94.80% 0.1610 120.75)` | Honeydew Peel | black, 18.5 to 1 |
| 30 | `#d5fd76` | `oklch(93.75% 0.1674 123.24)` | Honeydew Peel | black, 18 to 1 |
| 31 | `#ccfb72` | `oklch(92.79% 0.1726 125.46)` | Green Shimmer | black, 17.6 to 1 |
| 32 | `#c5fa6f` | `oklch(92.13% 0.1764 127.01)` | Lime Lightning | black, 17.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6d93cb 0.0%, #7099d1 3.2%, #76a2da 6.5%, #7cace3 9.7%, #83b6eb 12.9%, #8bbef1 16.1%, #95c5f7 19.4%, #9fccfb 22.6%, #a8d2fe 25.8%, #b0d9ff 29.0%, #b9dffe 32.3%, #c5e5fa 35.5%, #d1eaf6 38.7%, #daeef4 41.9%, #dff3f4 45.2%, #e2f9f1 48.4%, #e7fdea 51.6%, #f1fee0 54.8%, #faffd6 58.1%, #fffed0 61.3%, #fffed0 64.5%, #feffbb 67.7%, #fcffb6 71.0%, #fbffab 74.2%, #f8ffa3 77.4%, #f3ff9b 80.6%, #eeff92 83.9%, #e7ff84 87.1%, #dffe7b 90.3%, #d5fd76 93.5%, #ccfb72 96.8%, #c5fa6f 100.0%);
background: linear-gradient(135deg in oklch, oklch(65.75% 0.0951 258.05) 0.0%, oklch(67.59% 0.0950 256.58) 3.2%, oklch(70.24% 0.0951 254.45) 6.5%, oklch(73.23% 0.0947 252.15) 9.7%, oklch(76.09% 0.0934 250.20) 12.9%, oklch(78.50% 0.0906 249.25) 16.1%, oklch(80.74% 0.0870 249.71) 19.4%, oklch(82.89% 0.0824 250.36) 22.6%, oklch(84.94% 0.0765 249.85) 25.8%, oklch(86.89% 0.0683 246.87) 29.0%, oklch(88.76% 0.0578 242.35) 32.3%, oklch(90.55% 0.0440 236.48) 35.5%, oklch(92.21% 0.0313 228.27) 38.7%, oklch(93.70% 0.0231 216.68) 41.9%, oklch(95.02% 0.0219 199.46) 45.2%, oklch(96.22% 0.0259 175.28) 48.4%, oklch(97.24% 0.0335 149.20) 51.6%, oklch(98.03% 0.0428 126.53) 54.8%, oklch(98.54% 0.0524 112.42) 58.1%, oklch(98.70% 0.0597 106.76) 61.3%, oklch(98.61% 0.0595 106.30) 64.5%, oklch(98.36% 0.0865 108.29) 67.7%, oklch(98.07% 0.0927 110.03) 71.0%, oklch(97.78% 0.1055 110.70) 74.2%, oklch(97.42% 0.1151 112.19) 77.4%, oklch(96.97% 0.1237 114.20) 80.6%, oklch(96.42% 0.1346 116.34) 83.9%, oklch(95.74% 0.1509 118.37) 87.1%, oklch(94.80% 0.1610 120.75) 90.3%, oklch(93.75% 0.1674 123.24) 93.5%, oklch(92.79% 0.1726 125.46) 96.8%, oklch(92.13% 0.1764 127.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.095 | 258 |
| 2 | 0.772 | 0.092 | 249.6 |
| 3 | 0.866 | 0.07 | 247.5 |
| 4 | 0.941 | 0.022 | 212.6 |
| 5 | 0.984 | 0.05 | 115.4 |
| 6 | 0.98 | 0.105 | 110.1 |
| 7 | 0.961 | 0.15 | 117.5 |
| 8 | 0.921 | 0.176 | 127 |

## In these collections

- [Zoom background gradients](https://grabient.com/zoom-background-gradients)
- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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