# Pastel cream prism glow

Pastel gray, blue and beige angular gradient with 21 colors: #eaddd6, #e8e4da, #e6ece6, #e5efef, #ddedf5, #d9e6fb, #dddffb, #e0daf2, #ded8ec, #d8dced, #d4e8ec, #e1eee2, #eceed9, #f0ebcd, #f3e7c0, #f9e1bb, #fcdabb, #fed7bd, #ffdbc0, #ffe5c4, #feecc9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel gray, blue and beige angular gradient
- Seed: `kc5g0ieAPQnQNylxiUG94isnWTu3zFDv-JJDQ`
- Page: https://grabient.com/kc5g0ieAPQnQNylxiUG94isnWTu3zFDv-JJDQ?style=angularGradient&steps=21&angle=225
- Drawn as: angular gradient, 21 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.1 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 | `#eaddd6` | `oklch(90.55% 0.0179 47.81)` | Wistful Beige | black, 15.7 to 1 |
| 2 | `#e8e4da` | `oklch(91.92% 0.0142 88.72)` | Irish Mist | black, 16.5 to 1 |
| 3 | `#e6ece6` | `oklch(93.70% 0.0098 145.65)` | Bone Dust | black, 17.5 to 1 |
| 4 | `#e5efef` | `oklch(94.49% 0.0103 194.02)` | Sheikh Zayed White | black, 17.9 to 1 |
| 5 | `#ddedf5` | `oklch(93.68% 0.0200 230.75)` | Ice Fishing | black, 17.5 to 1 |
| 6 | `#d9e6fb` | `oklch(92.21% 0.0323 260.51)` | Cloudless | black, 16.6 to 1 |
| 7 | `#dddffb` | `oklch(91.06% 0.0375 281.31)` | Contrail | black, 16 to 1 |
| 8 | `#e0daf2` | `oklch(90.00% 0.0337 297.64)` | Chinese Silver | black, 15.4 to 1 |
| 9 | `#ded8ec` | `oklch(89.32% 0.0272 300.50)` | Light Lavender Water | black, 15.1 to 1 |
| 10 | `#d8dced` | `oklch(89.78% 0.0237 274.77)` | Weeping Wisteria | black, 15.4 to 1 |
| 11 | `#d4e8ec` | `oklch(91.71% 0.0214 212.27)` | Coastal Mist | black, 16.5 to 1 |
| 12 | `#e1eee2` | `oklch(93.66% 0.0218 146.53)` | Lower Green | black, 17.5 to 1 |
| 13 | `#eceed9` | `oklch(94.19% 0.0279 111.34)` | Yellowish Grey | black, 17.7 to 1 |
| 14 | `#f0ebcd` | `oklch(93.61% 0.0403 98.85)` | Pacific Sand | black, 17.4 to 1 |
| 15 | `#f3e7c0` | `oklch(92.72% 0.0517 92.09)` | Scroll of Wisdom | black, 16.9 to 1 |
| 16 | `#f9e1bb` | `oklch(91.91% 0.0563 78.81)` | Curd | black, 16.4 to 1 |
| 17 | `#fcdabb` | `oklch(90.90% 0.0565 64.04)` | Alishan Dawn | black, 15.8 to 1 |
| 18 | `#fed7bd` | `oklch(90.51% 0.0552 55.49)` | Sun-Kissed Peach | black, 15.6 to 1 |
| 19 | `#ffdbc0` | `oklch(91.52% 0.0538 60.09)` | Karry | black, 16.1 to 1 |
| 20 | `#ffe5c4` | `oklch(93.44% 0.0514 73.38)` | Bisque | black, 17.2 to 1 |
| 21 | `#feecc9` | `oklch(94.88% 0.0496 83.74)` | Frittata | black, 18 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #eaddd6 0.0%, #e8e4da 5.0%, #e6ece6 10.0%, #e5efef 15.0%, #ddedf5 20.0%, #d9e6fb 25.0%, #dddffb 30.0%, #e0daf2 35.0%, #ded8ec 40.0%, #d8dced 45.0%, #d4e8ec 50.0%, #e1eee2 55.0%, #eceed9 60.0%, #f0ebcd 65.0%, #f3e7c0 70.0%, #f9e1bb 75.0%, #fcdabb 80.0%, #fed7bd 85.0%, #ffdbc0 90.0%, #ffe5c4 95.0%, #feecc9 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(90.55% 0.0179 47.81) 0.0%, oklch(91.92% 0.0142 88.72) 5.0%, oklch(93.70% 0.0098 145.65) 10.0%, oklch(94.49% 0.0103 194.02) 15.0%, oklch(93.68% 0.0200 230.75) 20.0%, oklch(92.21% 0.0323 260.51) 25.0%, oklch(91.06% 0.0375 281.31) 30.0%, oklch(90.00% 0.0337 297.64) 35.0%, oklch(89.32% 0.0272 300.50) 40.0%, oklch(89.78% 0.0237 274.77) 45.0%, oklch(91.71% 0.0214 212.27) 50.0%, oklch(93.66% 0.0218 146.53) 55.0%, oklch(94.19% 0.0279 111.34) 60.0%, oklch(93.61% 0.0403 98.85) 65.0%, oklch(92.72% 0.0517 92.09) 70.0%, oklch(91.91% 0.0563 78.81) 75.0%, oklch(90.90% 0.0565 64.04) 80.0%, oklch(90.51% 0.0552 55.49) 85.0%, oklch(91.52% 0.0538 60.09) 90.0%, oklch(93.44% 0.0514 73.38) 95.0%, oklch(94.88% 0.0496 83.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.018 | 47.8 |
| 2 | 0.945 | 0.01 | 188.4 |
| 3 | 0.913 | 0.037 | 276.1 |
| 4 | 0.894 | 0.025 | 290.9 |
| 5 | 0.941 | 0.023 | 127.1 |
| 6 | 0.925 | 0.054 | 89 |
| 7 | 0.906 | 0.055 | 55.2 |
| 8 | 0.949 | 0.05 | 83.7 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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