# Lake blue coral dusk diagonal

Gray, blue, purple and tan linear gradient with 48 colors: #4b5b62, #495b63, #485a63, #465963, #455964, #435764, #415665, #405566, #3e5467, #3d5268, #3c5169, #3c506a, #3b4e6b, #3b4d6d, #3b4c6f, #3b4b71, #3b4b73, #3a4b76, #394a79, #364a7d, #334a81, #2f4b86, #2a4b8a, #254c8f, #1f4d93, #184e98, #114e9d, #0d4fa1, #0f50a6, #1851ab, #2451af, #3251b3, #4151b6, #5251b7, #6451b6, #7652b2, #8853ab, #9856a2, #a65a97, #b25f8c, #bb6781, #c06f78, #c37972, #c4826f, #c38b6f, #c29371, #c09975, #bf9e78. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, blue, purple and tan linear gradient
- Seed: `kUdRGgNRlEzw6QDbl9Mg`
- Page: https://grabient.com/kUdRGgNRlEzw6QDbl9Mg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#4b5b62` | `oklch(46.06% 0.0234 225.00)` | Fiord | white, 7 to 1 |
| 2 | `#495b63` | `oklch(45.89% 0.0250 226.55)` | Fiord | white, 7.1 to 1 |
| 3 | `#485a63` | `oklch(45.65% 0.0267 228.54)` | Fiord | white, 7.1 to 1 |
| 4 | `#465963` | `oklch(45.36% 0.0286 230.89)` | Midnight in the Tropics | white, 7.2 to 1 |
| 5 | `#455964` | `oklch(45.02% 0.0307 233.55)` | Midnight in the Tropics | white, 7.3 to 1 |
| 6 | `#435764` | `oklch(44.66% 0.0330 236.46)` | Alien | white, 7.4 to 1 |
| 7 | `#415665` | `oklch(44.27% 0.0355 239.55)` | Alien | white, 7.6 to 1 |
| 8 | `#405566` | `oklch(43.88% 0.0381 242.76)` | Twilight Chimes | white, 7.7 to 1 |
| 9 | `#3e5467` | `oklch(43.49% 0.0410 246.02)` | Twilight Chimes | white, 7.8 to 1 |
| 10 | `#3d5268` | `oklch(43.11% 0.0440 249.28)` | Midnight Mosaic | white, 8 to 1 |
| 11 | `#3c5169` | `oklch(42.75% 0.0472 252.47)` | Midnight Mosaic | white, 8.1 to 1 |
| 12 | `#3c506a` | `oklch(42.43% 0.0506 255.52)` | Calico Dress | white, 8.2 to 1 |
| 13 | `#3b4e6b` | `oklch(42.16% 0.0542 258.39)` | Ensign Blue | white, 8.4 to 1 |
| 14 | `#3b4d6d` | `oklch(41.94% 0.0579 260.99)` | Mountain Blueberry | white, 8.5 to 1 |
| 15 | `#3b4c6f` | `oklch(41.80% 0.0619 263.28)` | Mountain Blueberry | white, 8.5 to 1 |
| 16 | `#3b4b71` | `oklch(41.73% 0.0660 265.19)` | Egyptian Violet | white, 8.6 to 1 |
| 17 | `#3b4b73` | `oklch(41.74% 0.0704 266.62)` | Noble Knight | white, 8.6 to 1 |
| 18 | `#3a4b76` | `oklch(41.79% 0.0756 267.25)` | Noble Knight | white, 8.6 to 1 |
| 19 | `#394a79` | `oklch(41.84% 0.0817 267.12)` | Expressionism | white, 8.6 to 1 |
| 20 | `#364a7d` | `oklch(41.91% 0.0886 266.38)` | Expressionism | white, 8.5 to 1 |
| 21 | `#334a81` | `oklch(42.01% 0.0959 265.18)` | Coastal Surf | white, 8.5 to 1 |
| 22 | `#2f4b86` | `oklch(42.14% 0.1036 263.69)` | Coastal Surf | white, 8.5 to 1 |
| 23 | `#2a4b8a` | `oklch(42.32% 0.1115 262.05)` | Unity | white, 8.4 to 1 |
| 24 | `#254c8f` | `oklch(42.54% 0.1193 260.43)` | Unity | white, 8.3 to 1 |
| 25 | `#1f4d93` | `oklch(42.81% 0.1269 258.98)` | Le Grand Bleu | white, 8.2 to 1 |
| 26 | `#184e98` | `oklch(43.15% 0.1342 257.85)` | Freshwater Lake | white, 8.1 to 1 |
| 27 | `#114e9d` | `oklch(43.56% 0.1409 257.21)` | Sea of Tears | white, 8 to 1 |
| 28 | `#0d4fa1` | `oklch(44.05% 0.1469 257.20)` | Sea of Tears | white, 7.8 to 1 |
| 29 | `#0f50a6` | `oklch(44.62% 0.1519 257.98)` | Victoria Blue | white, 7.7 to 1 |
| 30 | `#1851ab` | `oklch(45.29% 0.1559 259.72)` | Aarhusian Sky | white, 7.5 to 1 |
| 31 | `#2451af` | `oklch(46.06% 0.1586 262.56)` | Aarhusian Sky | white, 7.3 to 1 |
| 32 | `#3251b3` | `oklch(46.93% 0.1598 266.65)` | Night in Manchester | white, 7 to 1 |
| 33 | `#4151b6` | `oklch(47.94% 0.1593 272.26)` | Free Speech Blue | white, 6.8 to 1 |
| 34 | `#5251b7` | `oklch(49.19% 0.1571 279.64)` | Brandywine Raspberry | white, 6.5 to 1 |
| 35 | `#6451b6` | `oklch(50.63% 0.1534 288.57)` | Circumorbital Ring | white, 6.1 to 1 |
| 36 | `#7652b2` | `oklch(52.24% 0.1484 298.80)` | Royal Lavender | white, 5.8 to 1 |
| 37 | `#8853ab` | `oklch(53.99% 0.1422 310.08)` | Vicious Violet | white, 5.4 to 1 |
| 38 | `#9856a2` | `oklch(55.83% 0.1352 322.15)` | Vicious Violet | white, 5 to 1 |
| 39 | `#a65a97` | `oklch(57.73% 0.1275 334.76)` | Cyclamen Red | white, 4.6 to 1 |
| 40 | `#b25f8c` | `oklch(59.67% 0.1194 347.67)` | Exotic Bloom | black, 4.9 to 1 |
| 41 | `#bb6781` | `oklch(61.60% 0.1110 0.61)` | Creamed Raspberry | black, 5.3 to 1 |
| 42 | `#c06f78` | `oklch(63.48% 0.1027 13.34)` | Cranberry Pie | black, 5.8 to 1 |
| 43 | `#c37972` | `oklch(65.30% 0.0945 25.60)` | Antique Pink | black, 6.2 to 1 |
| 44 | `#c4826f` | `oklch(67.00% 0.0868 37.14)` | Earthworm | black, 6.7 to 1 |
| 45 | `#c38b6f` | `oklch(68.56% 0.0798 47.71)` | Tiny Fawn | black, 7.2 to 1 |
| 46 | `#c29371` | `oklch(69.95% 0.0736 57.05)` | Sunset Cloud | black, 7.7 to 1 |
| 47 | `#c09975` | `oklch(71.12% 0.0685 64.92)` | Lanyard | black, 8 to 1 |
| 48 | `#bf9e78` | `oklch(72.05% 0.0648 71.07)` | Almond Toast | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4b5b62 0.0%, #495b63 2.1%, #485a63 4.3%, #465963 6.4%, #455964 8.5%, #435764 10.6%, #415665 12.8%, #405566 14.9%, #3e5467 17.0%, #3d5268 19.1%, #3c5169 21.3%, #3c506a 23.4%, #3b4e6b 25.5%, #3b4d6d 27.7%, #3b4c6f 29.8%, #3b4b71 31.9%, #3b4b73 34.0%, #3a4b76 36.2%, #394a79 38.3%, #364a7d 40.4%, #334a81 42.6%, #2f4b86 44.7%, #2a4b8a 46.8%, #254c8f 48.9%, #1f4d93 51.1%, #184e98 53.2%, #114e9d 55.3%, #0d4fa1 57.4%, #0f50a6 59.6%, #1851ab 61.7%, #2451af 63.8%, #3251b3 66.0%, #4151b6 68.1%, #5251b7 70.2%, #6451b6 72.3%, #7652b2 74.5%, #8853ab 76.6%, #9856a2 78.7%, #a65a97 80.9%, #b25f8c 83.0%, #bb6781 85.1%, #c06f78 87.2%, #c37972 89.4%, #c4826f 91.5%, #c38b6f 93.6%, #c29371 95.7%, #c09975 97.9%, #bf9e78 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.06% 0.0234 225.00) 0.0%, oklch(45.89% 0.0250 226.55) 2.1%, oklch(45.65% 0.0267 228.54) 4.3%, oklch(45.36% 0.0286 230.89) 6.4%, oklch(45.02% 0.0307 233.55) 8.5%, oklch(44.66% 0.0330 236.46) 10.6%, oklch(44.27% 0.0355 239.55) 12.8%, oklch(43.88% 0.0381 242.76) 14.9%, oklch(43.49% 0.0410 246.02) 17.0%, oklch(43.11% 0.0440 249.28) 19.1%, oklch(42.75% 0.0472 252.47) 21.3%, oklch(42.43% 0.0506 255.52) 23.4%, oklch(42.16% 0.0542 258.39) 25.5%, oklch(41.94% 0.0579 260.99) 27.7%, oklch(41.80% 0.0619 263.28) 29.8%, oklch(41.73% 0.0660 265.19) 31.9%, oklch(41.74% 0.0704 266.62) 34.0%, oklch(41.79% 0.0756 267.25) 36.2%, oklch(41.84% 0.0817 267.12) 38.3%, oklch(41.91% 0.0886 266.38) 40.4%, oklch(42.01% 0.0959 265.18) 42.6%, oklch(42.14% 0.1036 263.69) 44.7%, oklch(42.32% 0.1115 262.05) 46.8%, oklch(42.54% 0.1193 260.43) 48.9%, oklch(42.81% 0.1269 258.98) 51.1%, oklch(43.15% 0.1342 257.85) 53.2%, oklch(43.56% 0.1409 257.21) 55.3%, oklch(44.05% 0.1469 257.20) 57.4%, oklch(44.62% 0.1519 257.98) 59.6%, oklch(45.29% 0.1559 259.72) 61.7%, oklch(46.06% 0.1586 262.56) 63.8%, oklch(46.93% 0.1598 266.65) 66.0%, oklch(47.94% 0.1593 272.26) 68.1%, oklch(49.19% 0.1571 279.64) 70.2%, oklch(50.63% 0.1534 288.57) 72.3%, oklch(52.24% 0.1484 298.80) 74.5%, oklch(53.99% 0.1422 310.08) 76.6%, oklch(55.83% 0.1352 322.15) 78.7%, oklch(57.73% 0.1275 334.76) 80.9%, oklch(59.67% 0.1194 347.67) 83.0%, oklch(61.60% 0.1110 0.61) 85.1%, oklch(63.48% 0.1027 13.34) 87.2%, oklch(65.30% 0.0945 25.60) 89.4%, oklch(67.00% 0.0868 37.14) 91.5%, oklch(68.56% 0.0798 47.71) 93.6%, oklch(69.95% 0.0736 57.05) 95.7%, oklch(71.12% 0.0685 64.92) 97.9%, oklch(72.05% 0.0648 71.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.023 | 225 |
| 2 | 0.417 | 0.069 | 266.2 |
| 3 | 0.472 | 0.16 | 268.3 |
| 4 | 0.72 | 0.065 | 431.1 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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