# Pastel triadic blue, pink and beige linear gradient

Pastel triadic blue, pink and beige linear gradient with 32 colors: #90cefe, #97ceff, #9eceff, #a7ceff, #b1ceff, #baceff, #c3cfff, #cccfff, #d6d0fe, #e0d0fd, #ead1fb, #f3d3f8, #fad4f4, #fed6f0, #ffd8ec, #ffdae9, #ffdce7, #ffdde5, #fedfe3, #ffe1e1, #ffe4df, #ffe6dd, #ffe9db, #ffebd8, #feeed7, #fef1d6, #fef4d6, #fef7d5, #fffad4, #fffcd4, #fffed7, #feffe4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0kOs7ZjD3QVRv2jES-g3IP4WQs`
- Page: https://grabient.com/kY0kOs7ZjD3QVRv2jES-g3IP4WQs?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: pastel, light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.6 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 | `#90cefe` | `oklch(82.68% 0.0923 242.58)` | Clear Sky | black, 12.4 to 1 |
| 2 | `#97ceff` | `oklch(83.03% 0.0896 245.72)` | Apocyan | black, 12.5 to 1 |
| 3 | `#9eceff` | `oklch(83.50% 0.0855 249.78)` | Baby Blue | black, 12.7 to 1 |
| 4 | `#a7ceff` | `oklch(84.07% 0.0804 254.72)` | Night Snow | black, 12.9 to 1 |
| 5 | `#b1ceff` | `oklch(84.70% 0.0757 260.43)` | Ice Cold Stare | black, 13.1 to 1 |
| 6 | `#baceff` | `oklch(85.38% 0.0716 266.84)` | Ice Cold Stare | black, 13.3 to 1 |
| 7 | `#c3cfff` | `oklch(86.08% 0.0681 273.87)` | Lavender Blue | black, 13.6 to 1 |
| 8 | `#cccfff` | `oklch(86.83% 0.0656 281.82)` | Lavender Blue | black, 13.9 to 1 |
| 9 | `#d6d0fe` | `oklch(87.69% 0.0641 291.16)` | Pale Lavender | black, 14.2 to 1 |
| 10 | `#e0d0fd` | `oklch(88.60% 0.0630 301.33)` | Pale Lavender | black, 14.6 to 1 |
| 11 | `#ead1fb` | `oklch(89.51% 0.0620 311.78)` | Rose Dragée | black, 15 to 1 |
| 12 | `#f3d3f8` | `oklch(90.36% 0.0608 321.92)` | Sassy Pink | black, 15.4 to 1 |
| 13 | `#fad4f4` | `oklch(91.09% 0.0589 331.18)` | Shampoo | black, 15.7 to 1 |
| 14 | `#fed6f0` | `oklch(91.65% 0.0559 339.03)` | Sweet Sachet | black, 16 to 1 |
| 15 | `#ffd8ec` | `oklch(92.05% 0.0507 345.49)` | Sweet Sachet | black, 16.2 to 1 |
| 16 | `#ffdae9` | `oklch(92.35% 0.0455 351.18)` | Mimi Pink | black, 16.4 to 1 |
| 17 | `#ffdce7` | `oklch(92.59% 0.0418 356.71)` | Pink Perfume | black, 16.5 to 1 |
| 18 | `#ffdde5` | `oklch(92.82% 0.0378 2.68)` | Fresh Piglet | black, 16.7 to 1 |
| 19 | `#fedfe3` | `oklch(93.10% 0.0344 9.70)` | Sweet Mallow | black, 16.9 to 1 |
| 20 | `#ffe1e1` | `oklch(93.46% 0.0325 18.43)` | Red Remains | black, 17.1 to 1 |
| 21 | `#ffe4df` | `oklch(93.87% 0.0310 29.32)` | Misty Rose | black, 17.3 to 1 |
| 22 | `#ffe6dd` | `oklch(94.30% 0.0301 41.62)` | French Manicure | black, 17.6 to 1 |
| 23 | `#ffe9db` | `oklch(94.75% 0.0307 54.36)` | Guiding Star | black, 17.9 to 1 |
| 24 | `#ffebd8` | `oklch(95.21% 0.0330 66.62)` | Flowerbed | black, 18.1 to 1 |
| 25 | `#feeed7` | `oklch(95.68% 0.0355 77.43)` | Crushed Cashew | black, 18.4 to 1 |
| 26 | `#fef1d6` | `oklch(96.16% 0.0377 85.90)` | Candlestick Point | black, 18.7 to 1 |
| 27 | `#fef4d6` | `oklch(96.70% 0.0409 92.35)` | Bucatini Noodle | black, 19.1 to 1 |
| 28 | `#fef7d5` | `oklch(97.28% 0.0450 97.38)` | Reddish White | black, 19.4 to 1 |
| 29 | `#fffad4` | `oklch(97.87% 0.0496 101.27)` | Focus on Light | black, 19.8 to 1 |
| 30 | `#fffcd4` | `oklch(98.41% 0.0522 104.30)` | Creamed Butter | black, 20.1 to 1 |
| 31 | `#fffed7` | `oklch(98.88% 0.0516 106.69)` | Poetic Yellow | black, 20.4 to 1 |
| 32 | `#feffe4` | `oklch(99.21% 0.0357 108.70)` | Skimmed Milk White | black, 20.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #90cefe 0.0%, #97ceff 3.2%, #9eceff 6.5%, #a7ceff 9.7%, #b1ceff 12.9%, #baceff 16.1%, #c3cfff 19.4%, #cccfff 22.6%, #d6d0fe 25.8%, #e0d0fd 29.0%, #ead1fb 32.3%, #f3d3f8 35.5%, #fad4f4 38.7%, #fed6f0 41.9%, #ffd8ec 45.2%, #ffdae9 48.4%, #ffdce7 51.6%, #ffdde5 54.8%, #fedfe3 58.1%, #ffe1e1 61.3%, #ffe4df 64.5%, #ffe6dd 67.7%, #ffe9db 71.0%, #ffebd8 74.2%, #feeed7 77.4%, #fef1d6 80.6%, #fef4d6 83.9%, #fef7d5 87.1%, #fffad4 90.3%, #fffcd4 93.5%, #fffed7 96.8%, #feffe4 100.0%);
background: linear-gradient(180deg in oklch, oklch(82.68% 0.0923 242.58) 0.0%, oklch(83.03% 0.0896 245.72) 3.2%, oklch(83.50% 0.0855 249.78) 6.5%, oklch(84.07% 0.0804 254.72) 9.7%, oklch(84.70% 0.0757 260.43) 12.9%, oklch(85.38% 0.0716 266.84) 16.1%, oklch(86.08% 0.0681 273.87) 19.4%, oklch(86.83% 0.0656 281.82) 22.6%, oklch(87.69% 0.0641 291.16) 25.8%, oklch(88.60% 0.0630 301.33) 29.0%, oklch(89.51% 0.0620 311.78) 32.3%, oklch(90.36% 0.0608 321.92) 35.5%, oklch(91.09% 0.0589 331.18) 38.7%, oklch(91.65% 0.0559 339.03) 41.9%, oklch(92.05% 0.0507 345.49) 45.2%, oklch(92.35% 0.0455 351.18) 48.4%, oklch(92.59% 0.0418 356.71) 51.6%, oklch(92.82% 0.0378 2.68) 54.8%, oklch(93.10% 0.0344 9.70) 58.1%, oklch(93.46% 0.0325 18.43) 61.3%, oklch(93.87% 0.0310 29.32) 64.5%, oklch(94.30% 0.0301 41.62) 67.7%, oklch(94.75% 0.0307 54.36) 71.0%, oklch(95.21% 0.0330 66.62) 74.2%, oklch(95.68% 0.0355 77.43) 77.4%, oklch(96.16% 0.0377 85.90) 80.6%, oklch(96.70% 0.0409 92.35) 83.9%, oklch(97.28% 0.0450 97.38) 87.1%, oklch(97.87% 0.0496 101.27) 90.3%, oklch(98.41% 0.0522 104.30) 93.5%, oklch(98.88% 0.0516 106.69) 96.8%, oklch(99.21% 0.0357 108.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.092 | 242.6 |
| 2 | 0.862 | 0.068 | 275.3 |
| 3 | 0.913 | 0.058 | 334.5 |
| 4 | 0.933 | 0.033 | 374.7 |
| 5 | 0.961 | 0.037 | 444.4 |
| 6 | 0.992 | 0.061 | 468.7 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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