# Deep blue muted rose gradient

Seamless gray, light blue and purple linear gradient with 64 colors: #d4dce1, #d0dae0, #ccd7de, #c7d4dd, #c2d1db, #bccdda, #b6c9d8, #afc5d6, #a9c0d4, #a2bcd2, #9cb7d0, #96b1cd, #90accb, #8ba6c8, #86a0c5, #829ac1, #7e94bd, #7b8cb8, #7984b2, #767aaa, #7470a1, #726596, #705a8b, #6d507f, #6a4672, #673d66, #63355b, #602f51, #5d2a48, #5a2642, #59243f, #58243f, #592741, #5b2b48, #5d3252, #603c5f, #63476d, #66547b, #696289, #6d7195, #7380a0, #7a8faa, #849eb2, #8fabb9, #9bb7c0, #a7c2c7, #b2cace, #bbd1d3, #c2d6d8, #c7dadd, #ccdee1, #cfe0e4, #d2e1e7, #d4e2ea, #d6e2ec, #d7e2ed, #d9e1ee, #dbe0ee, #dddeed, #dfddec, #e0dceb, #e2dbea, #e4dae9, #e5dae8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless gray, light blue and purple linear gradient
- Seed: `kW4ginVRhDKweSlsCK6cohNg`
- Page: https://grabient.com/kW4ginVRhDKweSlsCK6cohNg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, pastel, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#d4dce1` | `oklch(88.98% 0.0110 234.84)` | Ocean Dream | black, 15.1 to 1 |
| 2 | `#d0dae0` | `oklch(88.21% 0.0131 235.71)` | Zen | black, 14.7 to 1 |
| 3 | `#ccd7de` | `oklch(87.32% 0.0156 236.58)` | Poppy’s Whiskers | black, 14.3 to 1 |
| 4 | `#c7d4dd` | `oklch(86.30% 0.0186 237.48)` | Nearsighted | black, 13.9 to 1 |
| 5 | `#c2d1db` | `oklch(85.18% 0.0221 238.43)` | Tinsel Beam | black, 13.4 to 1 |
| 6 | `#bccdda` | `oklch(83.96% 0.0258 239.46)` | Constellation | black, 12.8 to 1 |
| 7 | `#b6c9d8` | `oklch(82.65% 0.0297 240.60)` | Powder Soft Blue | black, 12.3 to 1 |
| 8 | `#afc5d6` | `oklch(81.25% 0.0339 241.87)` | Cloudy Valley | black, 11.7 to 1 |
| 9 | `#a9c0d4` | `oklch(79.78% 0.0381 243.29)` | Simpatico Blue | black, 11.2 to 1 |
| 10 | `#a2bcd2` | `oklch(78.25% 0.0423 244.89)` | Angel Falls | black, 10.6 to 1 |
| 11 | `#9cb7d0` | `oklch(76.66% 0.0465 246.69)` | Blue Satin | black, 10 to 1 |
| 12 | `#96b1cd` | `oklch(75.03% 0.0506 248.73)` | Innocent Blue | black, 9.4 to 1 |
| 13 | `#90accb` | `oklch(73.36% 0.0545 251.02)` | Northern Sky | black, 8.9 to 1 |
| 14 | `#8ba6c8` | `oklch(71.66% 0.0581 253.59)` | Polo Blue | black, 8.3 to 1 |
| 15 | `#86a0c5` | `oklch(69.95% 0.0614 256.47)` | Windy City | black, 7.8 to 1 |
| 16 | `#829ac1` | `oklch(68.22% 0.0643 259.68)` | Bel Air Blue | black, 7.3 to 1 |
| 17 | `#7e94bd` | `oklch(66.49% 0.0667 263.28)` | Soothsayer | black, 6.8 to 1 |
| 18 | `#7b8cb8` | `oklch(64.47% 0.0690 267.93)` | Galactic Gossamer | black, 6.3 to 1 |
| 19 | `#7984b2` | `oklch(62.13% 0.0712 273.74)` | Corsican Purple | black, 5.7 to 1 |
| 20 | `#767aaa` | `oklch(59.54% 0.0733 280.47)` | Minuet Lilac | black, 5.1 to 1 |
| 21 | `#7470a1` | `oklch(56.76% 0.0754 287.89)` | Purple Spire | white, 4.6 to 1 |
| 22 | `#726596` | `oklch(53.86% 0.0773 295.78)` | Pandora | white, 5.2 to 1 |
| 23 | `#705a8b` | `oklch(50.93% 0.0791 303.92)` | Emperor Jewel | white, 5.9 to 1 |
| 24 | `#6d507f` | `oklch(48.03% 0.0807 312.07)` | Gutsy Grape | white, 6.7 to 1 |
| 25 | `#6a4672` | `oklch(45.23% 0.0820 320.01)` | Neon Violet | white, 7.6 to 1 |
| 26 | `#673d66` | `oklch(42.60% 0.0832 327.52)` | Berry Light | white, 8.6 to 1 |
| 27 | `#63355b` | `oklch(40.21% 0.0840 334.36)` | Blackberry Deep Red | white, 9.5 to 1 |
| 28 | `#602f51` | `oklch(38.14% 0.0846 340.31)` | Japanese Violet | white, 10.4 to 1 |
| 29 | `#5d2a48` | `oklch(36.46% 0.0848 345.15)` | Vistoris Lake | white, 11.1 to 1 |
| 30 | `#5a2642` | `oklch(35.23% 0.0847 348.65)` | Quills of Terico | white, 11.6 to 1 |
| 31 | `#59243f` | `oklch(34.54% 0.0842 350.57)` | Zinfandel | white, 12 to 1 |
| 32 | `#58243f` | `oklch(34.45% 0.0833 350.71)` | Zinfandel | white, 12 to 1 |
| 33 | `#592741` | `oklch(35.04% 0.0819 348.73)` | Zinfandel | white, 11.7 to 1 |
| 34 | `#5b2b48` | `oklch(36.41% 0.0798 344.11)` | Vistoris Lake | white, 11.1 to 1 |
| 35 | `#5d3252` | `oklch(38.48% 0.0769 337.11)` | Japanese Violet | white, 10.2 to 1 |
| 36 | `#603c5f` | `oklch(41.16% 0.0735 328.12)` | Purple Odyssey | white, 9.1 to 1 |
| 37 | `#63476d` | `oklch(44.34% 0.0696 317.52)` | Your Majesty | white, 7.9 to 1 |
| 38 | `#66547b` | `oklch(47.93% 0.0653 305.68)` | Berry Syrup | white, 6.7 to 1 |
| 39 | `#696289` | `oklch(51.82% 0.0607 293.00)` | Twilight Purple | white, 5.6 to 1 |
| 40 | `#6d7195` | `oklch(55.93% 0.0560 279.84)` | Silk Crepe Mauve | white, 4.7 to 1 |
| 41 | `#7380a0` | `oklch(60.15% 0.0512 266.60)` | English Manor | black, 5.3 to 1 |
| 42 | `#7a8faa` | `oklch(64.38% 0.0464 253.65)` | Identity | black, 6.3 to 1 |
| 43 | `#849eb2` | `oklch(68.53% 0.0417 241.38)` | Office Blue | black, 7.4 to 1 |
| 44 | `#8fabb9` | `oklch(72.50% 0.0373 230.16)` | Windsurf | black, 8.7 to 1 |
| 45 | `#9bb7c0` | `oklch(76.19% 0.0332 220.38)` | Peaceful Blue | black, 9.9 to 1 |
| 46 | `#a7c2c7` | `oklch(79.49% 0.0295 212.42)` | Feathery Blue | black, 11.1 to 1 |
| 47 | `#b2cace` | `oklch(82.32% 0.0264 206.66)` | Floating Blue | black, 12.2 to 1 |
| 48 | `#bbd1d3` | `oklch(84.58% 0.0239 203.49)` | Windy | black, 13.2 to 1 |
| 49 | `#c2d6d8` | `oklch(86.27% 0.0221 203.09)` | Up in the Air | black, 13.9 to 1 |
| 50 | `#c7dadd` | `oklch(87.62% 0.0207 205.07)` | Wan Blue | black, 14.5 to 1 |
| 51 | `#ccdee1` | `oklch(88.69% 0.0197 209.11)` | Embellishment | black, 15 to 1 |
| 52 | `#cfe0e4` | `oklch(89.50% 0.0191 214.94)` | Cool Sky | black, 15.4 to 1 |
| 53 | `#d2e1e7` | `oklch(90.08% 0.0187 222.26)` | Goddess | black, 15.6 to 1 |
| 54 | `#d4e2ea` | `oklch(90.46% 0.0186 230.78)` | Pale Grey Blue | black, 15.8 to 1 |
| 55 | `#d6e2ec` | `oklch(90.67% 0.0187 240.21)` | Wind Force | black, 15.9 to 1 |
| 56 | `#d7e2ed` | `oklch(90.75% 0.0190 250.27)` | Blooming Aster | black, 15.9 to 1 |
| 57 | `#d9e1ee` | `oklch(90.72% 0.0194 260.65)` | Timid Blue | black, 15.9 to 1 |
| 58 | `#dbe0ee` | `oklch(90.62% 0.0199 271.08)` | Vaguely Violet | black, 15.8 to 1 |
| 59 | `#dddeed` | `oklch(90.47% 0.0204 281.26)` | Lower Lavender | black, 15.7 to 1 |
| 60 | `#dfddec` | `oklch(90.31% 0.0209 290.91)` | Artemis Silver | black, 15.6 to 1 |
| 61 | `#e0dceb` | `oklch(90.17% 0.0214 299.73)` | Artemis Silver | black, 15.5 to 1 |
| 62 | `#e2dbea` | `oklch(90.07% 0.0217 307.43)` | Awakened | black, 15.5 to 1 |
| 63 | `#e4dae9` | `oklch(90.06% 0.0220 313.73)` | Awakened | black, 15.5 to 1 |
| 64 | `#e5dae8` | `oklch(90.16% 0.0220 318.33)` | Awakened | black, 15.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d4dce1 0.0%, #d0dae0 1.6%, #ccd7de 3.2%, #c7d4dd 4.8%, #c2d1db 6.3%, #bccdda 7.9%, #b6c9d8 9.5%, #afc5d6 11.1%, #a9c0d4 12.7%, #a2bcd2 14.3%, #9cb7d0 15.9%, #96b1cd 17.5%, #90accb 19.0%, #8ba6c8 20.6%, #86a0c5 22.2%, #829ac1 23.8%, #7e94bd 25.4%, #7b8cb8 27.0%, #7984b2 28.6%, #767aaa 30.2%, #7470a1 31.7%, #726596 33.3%, #705a8b 34.9%, #6d507f 36.5%, #6a4672 38.1%, #673d66 39.7%, #63355b 41.3%, #602f51 42.9%, #5d2a48 44.4%, #5a2642 46.0%, #59243f 47.6%, #58243f 49.2%, #592741 50.8%, #5b2b48 52.4%, #5d3252 54.0%, #603c5f 55.6%, #63476d 57.1%, #66547b 58.7%, #696289 60.3%, #6d7195 61.9%, #7380a0 63.5%, #7a8faa 65.1%, #849eb2 66.7%, #8fabb9 68.3%, #9bb7c0 69.8%, #a7c2c7 71.4%, #b2cace 73.0%, #bbd1d3 74.6%, #c2d6d8 76.2%, #c7dadd 77.8%, #ccdee1 79.4%, #cfe0e4 81.0%, #d2e1e7 82.5%, #d4e2ea 84.1%, #d6e2ec 85.7%, #d7e2ed 87.3%, #d9e1ee 88.9%, #dbe0ee 90.5%, #dddeed 92.1%, #dfddec 93.7%, #e0dceb 95.2%, #e2dbea 96.8%, #e4dae9 98.4%, #e5dae8 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.98% 0.0110 234.84) 0.0%, oklch(88.21% 0.0131 235.71) 1.6%, oklch(87.32% 0.0156 236.58) 3.2%, oklch(86.30% 0.0186 237.48) 4.8%, oklch(85.18% 0.0221 238.43) 6.3%, oklch(83.96% 0.0258 239.46) 7.9%, oklch(82.65% 0.0297 240.60) 9.5%, oklch(81.25% 0.0339 241.87) 11.1%, oklch(79.78% 0.0381 243.29) 12.7%, oklch(78.25% 0.0423 244.89) 14.3%, oklch(76.66% 0.0465 246.69) 15.9%, oklch(75.03% 0.0506 248.73) 17.5%, oklch(73.36% 0.0545 251.02) 19.0%, oklch(71.66% 0.0581 253.59) 20.6%, oklch(69.95% 0.0614 256.47) 22.2%, oklch(68.22% 0.0643 259.68) 23.8%, oklch(66.49% 0.0667 263.28) 25.4%, oklch(64.47% 0.0690 267.93) 27.0%, oklch(62.13% 0.0712 273.74) 28.6%, oklch(59.54% 0.0733 280.47) 30.2%, oklch(56.76% 0.0754 287.89) 31.7%, oklch(53.86% 0.0773 295.78) 33.3%, oklch(50.93% 0.0791 303.92) 34.9%, oklch(48.03% 0.0807 312.07) 36.5%, oklch(45.23% 0.0820 320.01) 38.1%, oklch(42.60% 0.0832 327.52) 39.7%, oklch(40.21% 0.0840 334.36) 41.3%, oklch(38.14% 0.0846 340.31) 42.9%, oklch(36.46% 0.0848 345.15) 44.4%, oklch(35.23% 0.0847 348.65) 46.0%, oklch(34.54% 0.0842 350.57) 47.6%, oklch(34.45% 0.0833 350.71) 49.2%, oklch(35.04% 0.0819 348.73) 50.8%, oklch(36.41% 0.0798 344.11) 52.4%, oklch(38.48% 0.0769 337.11) 54.0%, oklch(41.16% 0.0735 328.12) 55.6%, oklch(44.34% 0.0696 317.52) 57.1%, oklch(47.93% 0.0653 305.68) 58.7%, oklch(51.82% 0.0607 293.00) 60.3%, oklch(55.93% 0.0560 279.84) 61.9%, oklch(60.15% 0.0512 266.60) 63.5%, oklch(64.38% 0.0464 253.65) 65.1%, oklch(68.53% 0.0417 241.38) 66.7%, oklch(72.50% 0.0373 230.16) 68.3%, oklch(76.19% 0.0332 220.38) 69.8%, oklch(79.49% 0.0295 212.42) 71.4%, oklch(82.32% 0.0264 206.66) 73.0%, oklch(84.58% 0.0239 203.49) 74.6%, oklch(86.27% 0.0221 203.09) 76.2%, oklch(87.62% 0.0207 205.07) 77.8%, oklch(88.69% 0.0197 209.11) 79.4%, oklch(89.50% 0.0191 214.94) 81.0%, oklch(90.08% 0.0187 222.26) 82.5%, oklch(90.46% 0.0186 230.78) 84.1%, oklch(90.67% 0.0187 240.21) 85.7%, oklch(90.75% 0.0190 250.27) 87.3%, oklch(90.72% 0.0194 260.65) 88.9%, oklch(90.62% 0.0199 271.08) 90.5%, oklch(90.47% 0.0204 281.26) 92.1%, oklch(90.31% 0.0209 290.91) 93.7%, oklch(90.17% 0.0214 299.73) 95.2%, oklch(90.07% 0.0217 307.43) 96.8%, oklch(90.06% 0.0220 313.73) 98.4%, oklch(90.16% 0.0220 318.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.011 | 234.8 |
| 2 | 0.669 | 0.066 | 262.3 |
| 3 | 0.346 | 0.083 | 350 |
| 4 | 0.85 | 0.023 | 203.1 |
| 5 | 0.902 | 0.022 | 318.3 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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