# Blue, brown, pink and gray linear gradient

Blue, brown, pink and gray linear gradient with 64 colors: #54a9ba, #52a4b6, #509db2, #4e95ab, #4b8ba4, #49819b, #467792, #436c88, #3f627e, #3c5874, #394f6a, #374661, #343f59, #323953, #32344d, #32314a, #342f49, #382f49, #3e304b, #46324d, #503550, #5b3953, #683e55, #754356, #824955, #8f5055, #9b5853, #a66051, #af6750, #b76e50, #bd7451, #c27953, #c57b57, #c87c5e, #c97c67, #c97b72, #c67b7f, #c17b8b, #ba7b96, #b07da0, #a57ea7, #9980aa, #8e81ab, #8382a8, #7b82a4, #7482a0, #6f819b, #6c8097, #6a7e93, #687c90, #667a8d, #64778a, #627488, #607186, #5e6d83, #5d6a81, #5c667f, #5b627c, #5b5f7a, #5a5c77, #5a5975, #5a5673, #595470, #59526f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWrz6WqRBJNKmzdLDy1uhFFI`
- Page: https://grabient.com/kWrz6WqRBJNKmzdLDy1uhFFI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#54a9ba` | `oklch(68.90% 0.0854 211.64)` | Verditer Blue | black, 7.7 to 1 |
| 2 | `#52a4b6` | `oklch(67.46% 0.0838 214.35)` | Explorer Blue | black, 7.3 to 1 |
| 3 | `#509db2` | `oklch(65.53% 0.0815 217.51)` | Starflower Blue | black, 6.8 to 1 |
| 4 | `#4e95ab` | `oklch(63.19% 0.0786 221.08)` | Alpine Lake | black, 6.1 to 1 |
| 5 | `#4b8ba4` | `oklch(60.52% 0.0754 225.03)` | Cossack Dancer | black, 5.5 to 1 |
| 6 | `#49819b` | `oklch(57.60% 0.0718 229.34)` | Dirty Blue | black, 4.9 to 1 |
| 7 | `#467792` | `oklch(54.51% 0.0681 233.97)` | Sea Drifter | white, 4.8 to 1 |
| 8 | `#436c88` | `oklch(51.33% 0.0642 238.89)` | Sojourn Blue | white, 5.6 to 1 |
| 9 | `#3f627e` | `oklch(48.15% 0.0604 244.07)` | Blue Ashes | white, 6.4 to 1 |
| 10 | `#3c5874` | `oklch(45.05% 0.0567 249.49)` | Express Blue | white, 7.3 to 1 |
| 11 | `#394f6a` | `oklch(42.10% 0.0533 255.11)` | Police Blue | white, 8.4 to 1 |
| 12 | `#374661` | `oklch(39.39% 0.0503 260.90)` | Spelunking | white, 9.4 to 1 |
| 13 | `#343f59` | `oklch(37.00% 0.0477 266.83)` | Gulf Blue | white, 10.4 to 1 |
| 14 | `#323953` | `oklch(35.02% 0.0457 272.88)` | Biscay | white, 11.3 to 1 |
| 15 | `#32344d` | `oklch(33.51% 0.0444 279.01)` | Tiě Hēi Metal | white, 12 to 1 |
| 16 | `#32314a` | `oklch(32.57% 0.0439 285.19)` | Plum Fuzz | white, 12.5 to 1 |
| 17 | `#342f49` | `oklch(32.27% 0.0443 291.44)` | Plum Fuzz | white, 12.7 to 1 |
| 18 | `#382f49` | `oklch(32.66% 0.0459 298.63)` | Sanctum of Shadows | white, 12.5 to 1 |
| 19 | `#3e304b` | `oklch(33.65% 0.0486 306.94)` | Jagger | white, 12.1 to 1 |
| 20 | `#46324d` | `oklch(35.18% 0.0523 316.13)` | Acai Berry | white, 11.4 to 1 |
| 21 | `#503550` | `oklch(37.14% 0.0568 325.96)` | Chive Bloom | white, 10.6 to 1 |
| 22 | `#5b3953` | `oklch(39.47% 0.0618 336.18)` | Bruised Bear | white, 9.7 to 1 |
| 23 | `#683e55` | `oklch(42.08% 0.0673 346.56)` | Primitive Plum | white, 8.7 to 1 |
| 24 | `#754356` | `oklch(44.89% 0.0730 356.86)` | Deep Carmine | white, 7.7 to 1 |
| 25 | `#824955` | `oklch(47.81% 0.0787 6.84)` | Haunting Melody | white, 6.8 to 1 |
| 26 | `#8f5055` | `oklch(50.76% 0.0844 16.26)` | Apple Butter | white, 6 to 1 |
| 27 | `#9b5853` | `oklch(53.65% 0.0897 24.87)` | Walleye | white, 5.3 to 1 |
| 28 | `#a66051` | `oklch(56.42% 0.0946 32.43)` | Roycroft Adobe | white, 4.7 to 1 |
| 29 | `#af6750` | `oklch(58.96% 0.0989 38.72)` | Bruschetta | black, 4.8 to 1 |
| 30 | `#b76e50` | `oklch(61.21% 0.1023 43.48)` | Thanksgiving | black, 5.3 to 1 |
| 31 | `#bd7451` | `oklch(63.07% 0.1047 46.48)` | Oxide | black, 5.7 to 1 |
| 32 | `#c27953` | `oklch(64.46% 0.1060 47.47)` | Pheasant | black, 6.1 to 1 |
| 33 | `#c57b57` | `oklch(65.35% 0.1059 46.15)` | Brown Clay | black, 6.3 to 1 |
| 34 | `#c87c5e` | `oklch(65.93% 0.1046 42.09)` | Terracotta Chip | black, 6.4 to 1 |
| 35 | `#c97c67` | `oklch(66.27% 0.1022 35.56)` | Aloe Blossom | black, 6.5 to 1 |
| 36 | `#c97b72` | `oklch(66.39% 0.0989 26.93)` | Chilli Soda | black, 6.5 to 1 |
| 37 | `#c67b7f` | `oklch(66.30% 0.0948 16.55)` | Dirty Pink | black, 6.5 to 1 |
| 38 | `#c17b8b` | `oklch(66.05% 0.0901 4.80)` | Japanese Coral | black, 6.4 to 1 |
| 39 | `#ba7b96` | `oklch(65.64% 0.0849 352.03)` | Polignac | black, 6.3 to 1 |
| 40 | `#b07da0` | `oklch(65.11% 0.0794 338.62)` | Antique Hot Pink | black, 6.2 to 1 |
| 41 | `#a57ea7` | `oklch(64.48% 0.0737 324.92)` | Wild Lavender | black, 6.1 to 1 |
| 42 | `#9980aa` | `oklch(63.77% 0.0680 311.31)` | Elite Wisteria | black, 6 to 1 |
| 43 | `#8e81ab` | `oklch(63.01% 0.0624 298.14)` | Aster Purple | black, 5.8 to 1 |
| 44 | `#8382a8` | `oklch(62.21% 0.0571 285.78)` | Velvet Curtain | black, 5.7 to 1 |
| 45 | `#7b82a4` | `oklch(61.41% 0.0523 274.59)` | Romanesque | black, 5.5 to 1 |
| 46 | `#7482a0` | `oklch(60.63% 0.0480 264.94)` | Positively Purple | black, 5.4 to 1 |
| 47 | `#6f819b` | `oklch(59.89% 0.0445 257.19)` | Brisk Blue | black, 5.3 to 1 |
| 48 | `#6c8097` | `oklch(59.21% 0.0418 251.71)` | Grey Blueberry | black, 5.1 to 1 |
| 49 | `#6a7e93` | `oklch(58.56% 0.0401 248.57)` | Grey Blueberry | black, 5 to 1 |
| 50 | `#687c90` | `oklch(57.82% 0.0389 247.10)` | Blue Suede | black, 4.8 to 1 |
| 51 | `#667a8d` | `oklch(56.99% 0.0382 247.11)` | Enterprise | black, 4.7 to 1 |
| 52 | `#64778a` | `oklch(56.10% 0.0379 248.39)` | Space Convoy | white, 4.6 to 1 |
| 53 | `#627488` | `oklch(55.14% 0.0380 250.77)` | Lost Atlantis | white, 4.8 to 1 |
| 54 | `#607186` | `oklch(54.15% 0.0384 254.05)` | Blue Cloud | white, 5 to 1 |
| 55 | `#5e6d83` | `oklch(53.14% 0.0391 258.04)` | Clooney | white, 5.2 to 1 |
| 56 | `#5d6a81` | `oklch(52.12% 0.0399 262.56)` | Spaceman | white, 5.4 to 1 |
| 57 | `#5c667f` | `oklch(51.11% 0.0409 267.43)` | Dana | white, 5.7 to 1 |
| 58 | `#5b627c` | `oklch(50.13% 0.0420 272.44)` | Presumption | white, 5.9 to 1 |
| 59 | `#5b5f7a` | `oklch(49.19% 0.0431 277.41)` | Strong Iris | white, 6.2 to 1 |
| 60 | `#5a5c77` | `oklch(48.30% 0.0441 282.16)` | When Worlds Collide | white, 6.5 to 1 |
| 61 | `#5a5975` | `oklch(47.49% 0.0451 286.49)` | Agate Violet | white, 6.7 to 1 |
| 62 | `#5a5673` | `oklch(46.77% 0.0459 290.22)` | The Fang | white, 6.9 to 1 |
| 63 | `#595470` | `oklch(46.16% 0.0465 293.16)` | Arraign | white, 7.1 to 1 |
| 64 | `#59526f` | `oklch(45.67% 0.0469 295.12)` | Exotic Evening | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #54a9ba 0.0%, #52a4b6 1.6%, #509db2 3.2%, #4e95ab 4.8%, #4b8ba4 6.3%, #49819b 7.9%, #467792 9.5%, #436c88 11.1%, #3f627e 12.7%, #3c5874 14.3%, #394f6a 15.9%, #374661 17.5%, #343f59 19.0%, #323953 20.6%, #32344d 22.2%, #32314a 23.8%, #342f49 25.4%, #382f49 27.0%, #3e304b 28.6%, #46324d 30.2%, #503550 31.7%, #5b3953 33.3%, #683e55 34.9%, #754356 36.5%, #824955 38.1%, #8f5055 39.7%, #9b5853 41.3%, #a66051 42.9%, #af6750 44.4%, #b76e50 46.0%, #bd7451 47.6%, #c27953 49.2%, #c57b57 50.8%, #c87c5e 52.4%, #c97c67 54.0%, #c97b72 55.6%, #c67b7f 57.1%, #c17b8b 58.7%, #ba7b96 60.3%, #b07da0 61.9%, #a57ea7 63.5%, #9980aa 65.1%, #8e81ab 66.7%, #8382a8 68.3%, #7b82a4 69.8%, #7482a0 71.4%, #6f819b 73.0%, #6c8097 74.6%, #6a7e93 76.2%, #687c90 77.8%, #667a8d 79.4%, #64778a 81.0%, #627488 82.5%, #607186 84.1%, #5e6d83 85.7%, #5d6a81 87.3%, #5c667f 88.9%, #5b627c 90.5%, #5b5f7a 92.1%, #5a5c77 93.7%, #5a5975 95.2%, #5a5673 96.8%, #595470 98.4%, #59526f 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.0854 211.64) 0.0%, oklch(67.46% 0.0838 214.35) 1.6%, oklch(65.53% 0.0815 217.51) 3.2%, oklch(63.19% 0.0786 221.08) 4.8%, oklch(60.52% 0.0754 225.03) 6.3%, oklch(57.60% 0.0718 229.34) 7.9%, oklch(54.51% 0.0681 233.97) 9.5%, oklch(51.33% 0.0642 238.89) 11.1%, oklch(48.15% 0.0604 244.07) 12.7%, oklch(45.05% 0.0567 249.49) 14.3%, oklch(42.10% 0.0533 255.11) 15.9%, oklch(39.39% 0.0503 260.90) 17.5%, oklch(37.00% 0.0477 266.83) 19.0%, oklch(35.02% 0.0457 272.88) 20.6%, oklch(33.51% 0.0444 279.01) 22.2%, oklch(32.57% 0.0439 285.19) 23.8%, oklch(32.27% 0.0443 291.44) 25.4%, oklch(32.66% 0.0459 298.63) 27.0%, oklch(33.65% 0.0486 306.94) 28.6%, oklch(35.18% 0.0523 316.13) 30.2%, oklch(37.14% 0.0568 325.96) 31.7%, oklch(39.47% 0.0618 336.18) 33.3%, oklch(42.08% 0.0673 346.56) 34.9%, oklch(44.89% 0.0730 356.86) 36.5%, oklch(47.81% 0.0787 6.84) 38.1%, oklch(50.76% 0.0844 16.26) 39.7%, oklch(53.65% 0.0897 24.87) 41.3%, oklch(56.42% 0.0946 32.43) 42.9%, oklch(58.96% 0.0989 38.72) 44.4%, oklch(61.21% 0.1023 43.48) 46.0%, oklch(63.07% 0.1047 46.48) 47.6%, oklch(64.46% 0.1060 47.47) 49.2%, oklch(65.35% 0.1059 46.15) 50.8%, oklch(65.93% 0.1046 42.09) 52.4%, oklch(66.27% 0.1022 35.56) 54.0%, oklch(66.39% 0.0989 26.93) 55.6%, oklch(66.30% 0.0948 16.55) 57.1%, oklch(66.05% 0.0901 4.80) 58.7%, oklch(65.64% 0.0849 352.03) 60.3%, oklch(65.11% 0.0794 338.62) 61.9%, oklch(64.48% 0.0737 324.92) 63.5%, oklch(63.77% 0.0680 311.31) 65.1%, oklch(63.01% 0.0624 298.14) 66.7%, oklch(62.21% 0.0571 285.78) 68.3%, oklch(61.41% 0.0523 274.59) 69.8%, oklch(60.63% 0.0480 264.94) 71.4%, oklch(59.89% 0.0445 257.19) 73.0%, oklch(59.21% 0.0418 251.71) 74.6%, oklch(58.56% 0.0401 248.57) 76.2%, oklch(57.82% 0.0389 247.10) 77.8%, oklch(56.99% 0.0382 247.11) 79.4%, oklch(56.10% 0.0379 248.39) 81.0%, oklch(55.14% 0.0380 250.77) 82.5%, oklch(54.15% 0.0384 254.05) 84.1%, oklch(53.14% 0.0391 258.04) 85.7%, oklch(52.12% 0.0399 262.56) 87.3%, oklch(51.11% 0.0409 267.43) 88.9%, oklch(50.13% 0.0420 272.44) 90.5%, oklch(49.19% 0.0431 277.41) 92.1%, oklch(48.30% 0.0441 282.16) 93.7%, oklch(47.49% 0.0451 286.49) 95.2%, oklch(46.77% 0.0459 290.22) 96.8%, oklch(46.16% 0.0465 293.16) 98.4%, oklch(45.67% 0.0469 295.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.085 | 211.6 |
| 2 | 0.323 | 0.044 | 289.8 |
| 3 | 0.65 | 0.106 | 407.1 |
| 4 | 0.591 | 0.041 | 250.7 |
| 5 | 0.457 | 0.047 | 295.1 |

## Other forms

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