# Gray, black, pink and light blue linear gradient

Gray, black, pink and light blue linear gradient with 40 colors: #d7ddd2, #ccd3c8, #bdc5bb, #abb4aa, #98a198, #838d85, #6f7972, #5b6560, #49534f, #394340, #2b3634, #212c2b, #1a2526, #172225, #182428, #1e292f, #27313a, #353b48, #474857, #5b5768, #726678, #897787, #a08895, #b598a2, #c7a6ad, #d5b2b6, #dfbabd, #e5bfc3, #e9c1c9, #e9c2cf, #e6c2d5, #e0c1db, #d6bfdf, #cabee2, #bdbde3, #afbde1, #a2bcdc, #97bbd7, #90bbd1, #8bbbcd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU4gxdHwZJWiP0zhFK5A`
- Page: https://grabient.com/kU4gxdHwZJWiP0zhFK5A?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#d7ddd2` | `oklch(88.98% 0.0165 130.78)` | Crushed Limestone | black, 15.1 to 1 |
| 2 | `#ccd3c8` | `oklch(85.79% 0.0165 134.05)` | Quiet Mint | black, 13.6 to 1 |
| 3 | `#bdc5bb` | `oklch(81.37% 0.0163 137.77)` | Riverdale | black, 11.8 to 1 |
| 4 | `#abb4aa` | `oklch(75.98% 0.0160 141.95)` | Southern Pine | black, 9.8 to 1 |
| 5 | `#98a198` | `oklch(69.86% 0.0157 146.59)` | Trellised Ivy | black, 7.8 to 1 |
| 6 | `#838d85` | `oklch(63.27% 0.0153 151.69)` | Valley Floor | black, 6.1 to 1 |
| 7 | `#6f7972` | `oklch(56.47% 0.0150 157.27)` | Arctic Lichen Green | black, 4.6 to 1 |
| 8 | `#5b6560` | `oklch(49.72% 0.0148 163.33)` | Woodland Moss | white, 6 to 1 |
| 9 | `#49534f` | `oklch(43.26% 0.0146 169.87)` | Evergreen Field | white, 7.9 to 1 |
| 10 | `#394340` | `oklch(37.36% 0.0146 176.90)` | Refined Green | white, 10.1 to 1 |
| 11 | `#2b3634` | `oklch(32.27% 0.0147 184.42)` | Tetsuonando Black | white, 12.4 to 1 |
| 12 | `#212c2b` | `oklch(28.25% 0.0151 192.45)` | Charleston Green | white, 14.3 to 1 |
| 13 | `#1a2526` | `oklch(25.54% 0.0157 200.99)` | Shadow Warrior | white, 15.6 to 1 |
| 14 | `#172225` | `oklch(24.41% 0.0165 210.04)` | Crow Feather | white, 16.1 to 1 |
| 15 | `#182428` | `oklch(25.02% 0.0177 220.67)` | Sunken Ship | white, 15.9 to 1 |
| 16 | `#1e292f` | `oklch(27.21% 0.0192 233.60)` | Black Pearl | white, 14.9 to 1 |
| 17 | `#27313a` | `oklch(30.71% 0.0210 248.28)` | Blue-Black | white, 13.2 to 1 |
| 18 | `#353b48` | `oklch(35.28% 0.0231 264.17)` | Mountain Fig | white, 11.1 to 1 |
| 19 | `#474857` | `oklch(40.65% 0.0253 280.74)` | Gun Powder | white, 9 to 1 |
| 20 | `#5b5768` | `oklch(46.59% 0.0276 297.44)` | Ripe Berry | white, 7 to 1 |
| 21 | `#726678` | `oklch(52.82% 0.0300 313.74)` | Decadence | white, 5.3 to 1 |
| 22 | `#897787` | `oklch(59.10% 0.0324 329.09)` | Classical Violet | black, 5 to 1 |
| 23 | `#a08895` | `oklch(65.17% 0.0347 342.95)` | Art Nouveau Violet | black, 6.4 to 1 |
| 24 | `#b598a2` | `oklch(70.77% 0.0370 354.80)` | Pink Discord | black, 7.9 to 1 |
| 25 | `#c7a6ad` | `oklch(75.67% 0.0391 4.07)` | Dutchess Dawn | black, 9.4 to 1 |
| 26 | `#d5b2b6` | `oklch(79.59% 0.0410 10.25)` | Floss | black, 10.8 to 1 |
| 27 | `#dfbabd` | `oklch(82.28% 0.0427 12.78)` | Crystalline Pink | black, 11.9 to 1 |
| 28 | `#e5bfc3` | `oklch(83.90% 0.0442 11.13)` | Sweet Blush | black, 12.5 to 1 |
| 29 | `#e9c1c9` | `oklch(84.83% 0.0457 5.53)` | Primrose Pink | black, 12.9 to 1 |
| 30 | `#e9c2cf` | `oklch(85.15% 0.0470 356.62)` | Misty Memories | black, 13 to 1 |
| 31 | `#e6c2d5` | `oklch(84.98% 0.0483 345.03)` | Dreamy Memory | black, 13 to 1 |
| 32 | `#e0c1db` | `oklch(84.39% 0.0495 331.39)` | Pink Peony | black, 12.7 to 1 |
| 33 | `#d6bfdf` | `oklch(83.49% 0.0507 316.32)` | Purple Whisper | black, 12.4 to 1 |
| 34 | `#cabee2` | `oklch(82.37% 0.0518 300.45)` | Digital Lavender | black, 12 to 1 |
| 35 | `#bdbde3` | `oklch(81.12% 0.0528 284.42)` | Pretty Posie | black, 11.5 to 1 |
| 36 | `#afbde1` | `oklch(79.85% 0.0537 268.85)` | Promise | black, 11.1 to 1 |
| 37 | `#a2bcdc` | `oklch(78.64% 0.0545 254.37)` | Valour | black, 10.7 to 1 |
| 38 | `#97bbd7` | `oklch(77.60% 0.0553 241.61)` | Manakin | black, 10.4 to 1 |
| 39 | `#90bbd1` | `oklch(76.81% 0.0559 231.21)` | Bonnie Blue | black, 10.1 to 1 |
| 40 | `#8bbbcd` | `oklch(76.38% 0.0565 223.78)` | Juvie | black, 10 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d7ddd2 0.0%, #ccd3c8 2.6%, #bdc5bb 5.1%, #abb4aa 7.7%, #98a198 10.3%, #838d85 12.8%, #6f7972 15.4%, #5b6560 17.9%, #49534f 20.5%, #394340 23.1%, #2b3634 25.6%, #212c2b 28.2%, #1a2526 30.8%, #172225 33.3%, #182428 35.9%, #1e292f 38.5%, #27313a 41.0%, #353b48 43.6%, #474857 46.2%, #5b5768 48.7%, #726678 51.3%, #897787 53.8%, #a08895 56.4%, #b598a2 59.0%, #c7a6ad 61.5%, #d5b2b6 64.1%, #dfbabd 66.7%, #e5bfc3 69.2%, #e9c1c9 71.8%, #e9c2cf 74.4%, #e6c2d5 76.9%, #e0c1db 79.5%, #d6bfdf 82.1%, #cabee2 84.6%, #bdbde3 87.2%, #afbde1 89.7%, #a2bcdc 92.3%, #97bbd7 94.9%, #90bbd1 97.4%, #8bbbcd 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.98% 0.0165 130.78) 0.0%, oklch(85.79% 0.0165 134.05) 2.6%, oklch(81.37% 0.0163 137.77) 5.1%, oklch(75.98% 0.0160 141.95) 7.7%, oklch(69.86% 0.0157 146.59) 10.3%, oklch(63.27% 0.0153 151.69) 12.8%, oklch(56.47% 0.0150 157.27) 15.4%, oklch(49.72% 0.0148 163.33) 17.9%, oklch(43.26% 0.0146 169.87) 20.5%, oklch(37.36% 0.0146 176.90) 23.1%, oklch(32.27% 0.0147 184.42) 25.6%, oklch(28.25% 0.0151 192.45) 28.2%, oklch(25.54% 0.0157 200.99) 30.8%, oklch(24.41% 0.0165 210.04) 33.3%, oklch(25.02% 0.0177 220.67) 35.9%, oklch(27.21% 0.0192 233.60) 38.5%, oklch(30.71% 0.0210 248.28) 41.0%, oklch(35.28% 0.0231 264.17) 43.6%, oklch(40.65% 0.0253 280.74) 46.2%, oklch(46.59% 0.0276 297.44) 48.7%, oklch(52.82% 0.0300 313.74) 51.3%, oklch(59.10% 0.0324 329.09) 53.8%, oklch(65.17% 0.0347 342.95) 56.4%, oklch(70.77% 0.0370 354.80) 59.0%, oklch(75.67% 0.0391 4.07) 61.5%, oklch(79.59% 0.0410 10.25) 64.1%, oklch(82.28% 0.0427 12.78) 66.7%, oklch(83.90% 0.0442 11.13) 69.2%, oklch(84.83% 0.0457 5.53) 71.8%, oklch(85.15% 0.0470 356.62) 74.4%, oklch(84.98% 0.0483 345.03) 76.9%, oklch(84.39% 0.0495 331.39) 79.5%, oklch(83.49% 0.0507 316.32) 82.1%, oklch(82.37% 0.0518 300.45) 84.6%, oklch(81.12% 0.0528 284.42) 87.2%, oklch(79.85% 0.0537 268.85) 89.7%, oklch(78.64% 0.0545 254.37) 92.3%, oklch(77.60% 0.0553 241.61) 94.9%, oklch(76.81% 0.0559 231.21) 97.4%, oklch(76.38% 0.0565 223.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.017 | 130.8 |
| 2 | 0.244 | 0.017 | 210 |
| 3 | 0.823 | 0.043 | 372.8 |
| 4 | 0.764 | 0.056 | 223.8 |

## Other forms

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