# Pastel prism diagonal wash

Blue, off-white, light blue and yellow linear gradient with 40 colors: #737ea6, #7884ac, #808db3, #8a99bc, #95a5c5, #a0b1cf, #a9bdd8, #b1c7e1, #b5cee9, #b3d4ef, #aed9f5, #a5ddf9, #99e0fc, #8de4fb, #82e8f7, #7eebf0, #85efe7, #99f2db, #b4f3d0, #cff3cb, #e4f3cf, #f1f4d9, #f7f5e2, #f8f5e7, #f5f4e6, #ecf1df, #dbedd8, #c2e9d9, #a8e2e2, #97d9ef, #93d0f9, #92cafe, #8cccff, #7ad4fd, #6bdff1, #73e9d9, #97eeba, #c2ee9f, #e6ea8f, #fde78a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, off-white, light blue and yellow linear gradient
- Seed: `kYmC7CapC9PAkuV7BrTaCLRfWqLg`
- Page: https://grabient.com/kYmC7CapC9PAkuV7BrTaCLRfWqLg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#737ea6` | `oklch(59.84% 0.0634 272.81)` | Lavender Violet | black, 5.2 to 1 |
| 2 | `#7884ac` | `oklch(61.89% 0.0614 271.20)` | Corsican Purple | black, 5.7 to 1 |
| 3 | `#808db3` | `oklch(64.78% 0.0583 269.30)` | Skysail Blue | black, 6.4 to 1 |
| 4 | `#8a99bc` | `oklch(68.23% 0.0545 267.05)` | Periwinkle Blossom | black, 7.3 to 1 |
| 5 | `#95a5c5` | `oklch(71.96% 0.0506 264.40)` | Wild Clary | black, 8.4 to 1 |
| 6 | `#a0b1cf` | `oklch(75.70% 0.0473 261.29)` | Heartsong | black, 9.6 to 1 |
| 7 | `#a9bdd8` | `oklch(79.17% 0.0450 257.64)` | Canopy Bed | black, 10.9 to 1 |
| 8 | `#b1c7e1` | `oklch(82.09% 0.0444 253.41)` | Newman’s Eye | black, 12 to 1 |
| 9 | `#b5cee9` | `oklch(84.21% 0.0460 248.54)` | Morality | black, 12.9 to 1 |
| 10 | `#b3d4ef` | `oklch(85.57% 0.0513 243.13)` | Summer Birthday | black, 13.6 to 1 |
| 11 | `#aed9f5` | `oklch(86.39% 0.0596 237.23)` | Blue Rice | black, 14 to 1 |
| 12 | `#a5ddf9` | `oklch(86.82% 0.0697 230.81)` | Droplet | black, 14.2 to 1 |
| 13 | `#99e0fc` | `oklch(87.03% 0.0802 223.83)` | Columbia Blue | black, 14.4 to 1 |
| 14 | `#8de4fb` | `oklch(87.15% 0.0897 216.26)` | Winter Wizard | black, 14.6 to 1 |
| 15 | `#82e8f7` | `oklch(87.35% 0.0970 208.06)` | Robin’s Egg | black, 14.7 to 1 |
| 16 | `#7eebf0` | `oklch(87.77% 0.1007 199.20)` | Dead Sea | black, 15 to 1 |
| 17 | `#85efe7` | `oklch(88.56% 0.0993 189.31)` | Bath Water | black, 15.4 to 1 |
| 18 | `#99f2db` | `oklch(89.79% 0.0920 175.78)` | Turquoise Pearl | black, 16 to 1 |
| 19 | `#b4f3d0` | `oklch(91.31% 0.0801 159.49)` | Mintie | black, 16.7 to 1 |
| 20 | `#cff3cb` | `oklch(92.93% 0.0655 142.23)` | Mint Gloss | black, 17.4 to 1 |
| 21 | `#e4f3cf` | `oklch(94.48% 0.0503 125.76)` | Light Green Veil | black, 18 to 1 |
| 22 | `#f1f4d9` | `oklch(95.79% 0.0361 111.85)` | Praise the Sun | black, 18.6 to 1 |
| 23 | `#f7f5e2` | `oklch(96.67% 0.0249 102.27)` | Star Shine | black, 19.1 to 1 |
| 24 | `#f8f5e7` | `oklch(96.95% 0.0186 98.79)` | Vermont Cream | black, 19.2 to 1 |
| 25 | `#f5f4e6` | `oklch(96.40% 0.0188 103.77)` | White Mirage | black, 18.9 to 1 |
| 26 | `#ecf1df` | `oklch(94.88% 0.0243 119.17)` | Nursery Green | black, 18.1 to 1 |
| 27 | `#dbedd8` | `oklch(92.67% 0.0339 141.97)` | Dewmist Delight | black, 17.1 to 1 |
| 28 | `#c2e9d9` | `oklch(90.06% 0.0461 168.75)` | Elephant Toothpaste | black, 15.8 to 1 |
| 29 | `#a8e2e2` | `oklch(87.37% 0.0595 196.08)` | Ice Crystal Blue | black, 14.6 to 1 |
| 30 | `#97d9ef` | `oklch(84.92% 0.0729 220.55)` | Jodhpur Blue | black, 13.5 to 1 |
| 31 | `#93d0f9` | `oklch(83.02% 0.0847 238.74)` | Long Island Sound | black, 12.6 to 1 |
| 32 | `#92cafe` | `oklch(81.97% 0.0937 247.22)` | Clear Sky | black, 12.1 to 1 |
| 33 | `#8cccff` | `oklch(81.97% 0.0979 243.58)` | Clear Sky | black, 12.1 to 1 |
| 34 | `#7ad4fd` | `oklch(82.81% 0.1041 229.90)` | Sky | black, 12.6 to 1 |
| 35 | `#6bdff1` | `oklch(84.26% 0.1075 209.02)` | Electric Lemonade | black, 13.4 to 1 |
| 36 | `#73e9d9` | `oklch(86.08% 0.1100 183.79)` | Turquoise Chalk | black, 14.3 to 1 |
| 37 | `#97eeba` | `oklch(88.04% 0.1119 157.06)` | Vaporwave Pool | black, 15.2 to 1 |
| 38 | `#c2ee9f` | `oklch(89.92% 0.1133 131.68)` | Sweet Mint Pesto | black, 16 to 1 |
| 39 | `#e6ea8f` | `oklch(91.49% 0.1145 110.49)` | Lime Juice Green | black, 16.5 to 1 |
| 40 | `#fde78a` | `oklch(92.52% 0.1157 96.34)` | Chickery Chick | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #737ea6 0.0%, #7884ac 2.6%, #808db3 5.1%, #8a99bc 7.7%, #95a5c5 10.3%, #a0b1cf 12.8%, #a9bdd8 15.4%, #b1c7e1 17.9%, #b5cee9 20.5%, #b3d4ef 23.1%, #aed9f5 25.6%, #a5ddf9 28.2%, #99e0fc 30.8%, #8de4fb 33.3%, #82e8f7 35.9%, #7eebf0 38.5%, #85efe7 41.0%, #99f2db 43.6%, #b4f3d0 46.2%, #cff3cb 48.7%, #e4f3cf 51.3%, #f1f4d9 53.8%, #f7f5e2 56.4%, #f8f5e7 59.0%, #f5f4e6 61.5%, #ecf1df 64.1%, #dbedd8 66.7%, #c2e9d9 69.2%, #a8e2e2 71.8%, #97d9ef 74.4%, #93d0f9 76.9%, #92cafe 79.5%, #8cccff 82.1%, #7ad4fd 84.6%, #6bdff1 87.2%, #73e9d9 89.7%, #97eeba 92.3%, #c2ee9f 94.9%, #e6ea8f 97.4%, #fde78a 100.0%);
background: linear-gradient(135deg in oklch, oklch(59.84% 0.0634 272.81) 0.0%, oklch(61.89% 0.0614 271.20) 2.6%, oklch(64.78% 0.0583 269.30) 5.1%, oklch(68.23% 0.0545 267.05) 7.7%, oklch(71.96% 0.0506 264.40) 10.3%, oklch(75.70% 0.0473 261.29) 12.8%, oklch(79.17% 0.0450 257.64) 15.4%, oklch(82.09% 0.0444 253.41) 17.9%, oklch(84.21% 0.0460 248.54) 20.5%, oklch(85.57% 0.0513 243.13) 23.1%, oklch(86.39% 0.0596 237.23) 25.6%, oklch(86.82% 0.0697 230.81) 28.2%, oklch(87.03% 0.0802 223.83) 30.8%, oklch(87.15% 0.0897 216.26) 33.3%, oklch(87.35% 0.0970 208.06) 35.9%, oklch(87.77% 0.1007 199.20) 38.5%, oklch(88.56% 0.0993 189.31) 41.0%, oklch(89.79% 0.0920 175.78) 43.6%, oklch(91.31% 0.0801 159.49) 46.2%, oklch(92.93% 0.0655 142.23) 48.7%, oklch(94.48% 0.0503 125.76) 51.3%, oklch(95.79% 0.0361 111.85) 53.8%, oklch(96.67% 0.0249 102.27) 56.4%, oklch(96.95% 0.0186 98.79) 59.0%, oklch(96.40% 0.0188 103.77) 61.5%, oklch(94.88% 0.0243 119.17) 64.1%, oklch(92.67% 0.0339 141.97) 66.7%, oklch(90.06% 0.0461 168.75) 69.2%, oklch(87.37% 0.0595 196.08) 71.8%, oklch(84.92% 0.0729 220.55) 74.4%, oklch(83.02% 0.0847 238.74) 76.9%, oklch(81.97% 0.0937 247.22) 79.5%, oklch(81.97% 0.0979 243.58) 82.1%, oklch(82.81% 0.1041 229.90) 84.6%, oklch(84.26% 0.1075 209.02) 87.2%, oklch(86.08% 0.1100 183.79) 89.7%, oklch(88.04% 0.1119 157.06) 92.3%, oklch(89.92% 0.1133 131.68) 94.9%, oklch(91.49% 0.1145 110.49) 97.4%, oklch(92.52% 0.1157 96.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.063 | 272.8 |
| 2 | 0.839 | 0.045 | 249.6 |
| 3 | 0.882 | 0.101 | 193.6 |
| 4 | 0.969 | 0.018 | 99.5 |
| 5 | 0.819 | 0.095 | 247.5 |
| 6 | 0.925 | 0.116 | 96.3 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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