# Gray, brown and purple linear gradient

Gray, brown and purple linear gradient with 56 colors: #2c475b, #2f4b5d, #345060, #3a5665, #415c69, #49636e, #516b74, #5a7379, #637a7f, #6c8184, #738889, #7a8e8d, #7f9391, #829692, #839892, #82998f, #809789, #7c9581, #799076, #778b69, #77845a, #787d4b, #7b743b, #7f6b2c, #836320, #875a19, #8b531a, #8f4e22, #934c2f, #984d3f, #9c5152, #9f5765, #a16079, #a26a8b, #a2769c, #a282aa, #a38db5, #a397bd, #a5a0c3, #a7a7c7, #a9acc8, #aaaec9, #a9adc8, #a8aac5, #a6a5c0, #a49dba, #a295b2, #a08ba8, #9e819c, #9c778e, #996d7f, #95646f, #915d60, #8c5752, #875247, #834f3e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWYiKrVAk4b8mMJgDjCvZvOI`
- Page: https://grabient.com/kWYiKrVAk4b8mMJgDjCvZvOI?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#2c475b` | `oklch(38.58% 0.0469 240.47)` | Indigo Streamer | white, 9.6 to 1 |
| 2 | `#2f4b5d` | `oklch(39.83% 0.0457 238.00)` | Celtic Rush | white, 9.1 to 1 |
| 3 | `#345060` | `oklch(41.53% 0.0439 235.22)` | Velvet Evening | white, 8.5 to 1 |
| 4 | `#3a5665` | `oklch(43.58% 0.0416 232.10)` | Summer Night | white, 7.8 to 1 |
| 5 | `#415c69` | `oklch(45.91% 0.0390 228.66)` | Hypothalamus Grey | white, 7 to 1 |
| 6 | `#49636e` | `oklch(48.43% 0.0362 224.88)` | Night Folly | white, 6.3 to 1 |
| 7 | `#516b74` | `oklch(51.06% 0.0333 220.77)` | Ruskin Blue | white, 5.6 to 1 |
| 8 | `#5a7379` | `oklch(53.73% 0.0305 216.31)` | Blue Sage | white, 5 to 1 |
| 9 | `#637a7f` | `oklch(56.34% 0.0279 211.52)` | Crater Lake | black, 4.6 to 1 |
| 10 | `#6c8184` | `oklch(58.81% 0.0257 206.37)` | Stormy Sea | black, 5.1 to 1 |
| 11 | `#738889` | `oklch(61.06% 0.0241 200.87)` | Deep Thoughts | black, 5.6 to 1 |
| 12 | `#7a8e8d` | `oklch(63.01% 0.0230 195.02)` | Northern Juniper | black, 6 to 1 |
| 13 | `#7f9391` | `oklch(64.58% 0.0228 188.81)` | Scarborough | black, 6.4 to 1 |
| 14 | `#829692` | `oklch(65.67% 0.0236 182.23)` | In the Moment | black, 6.7 to 1 |
| 15 | `#839892` | `oklch(66.22% 0.0254 175.28)` | In the Moment | black, 6.8 to 1 |
| 16 | `#82998f` | `oklch(66.14% 0.0288 167.74)` | Paradise Found | black, 6.8 to 1 |
| 17 | `#809789` | `oklch(65.48% 0.0337 159.59)` | Paradise Found | black, 6.7 to 1 |
| 18 | `#7c9581` | `oklch(64.37% 0.0398 150.91)` | Fish Camp Woods | black, 6.4 to 1 |
| 19 | `#799076` | `oklch(62.88% 0.0468 141.76)` | Loden Frost | black, 6 to 1 |
| 20 | `#778b69` | `oklch(61.13% 0.0545 132.24)` | Watercress Spice | black, 5.6 to 1 |
| 21 | `#77845a` | `oklch(59.21% 0.0625 122.42)` | Equatorial Forest | black, 5.2 to 1 |
| 22 | `#787d4b` | `oklch(57.23% 0.0705 112.38)` | Tara’s Drapes | black, 4.8 to 1 |
| 23 | `#7b743b` | `oklch(55.28% 0.0784 102.19)` | Trellis Climber | white, 4.7 to 1 |
| 24 | `#7f6b2c` | `oklch(53.46% 0.0857 91.94)` | Tarnished Brass | white, 5.1 to 1 |
| 25 | `#836320` | `oklch(51.87% 0.0922 81.70)` | Kumera | white, 5.5 to 1 |
| 26 | `#875a19` | `oklch(50.62% 0.0977 71.55)` | Grizzly | white, 5.9 to 1 |
| 27 | `#8b531a` | `oklch(49.80% 0.1018 61.57)` | Precious Copper | white, 6.2 to 1 |
| 28 | `#8f4e22` | `oklch(49.52% 0.1042 51.83)` | Nightcap | white, 6.3 to 1 |
| 29 | `#934c2f` | `oklch(49.87% 0.1047 42.22)` | Arabian Spice | white, 6.3 to 1 |
| 30 | `#984d3f` | `oklch(50.88% 0.1033 31.65)` | Dark Marmalade | white, 6 to 1 |
| 31 | `#9c5152` | `oklch(52.46% 0.1002 20.21)` | Sweet Cherry | white, 5.6 to 1 |
| 32 | `#9f5765` | `oklch(54.50% 0.0957 8.17)` | Mission Wildflower | white, 5.2 to 1 |
| 33 | `#a16079` | `oklch(56.88% 0.0902 355.83)` | Cosmetic Red | white, 4.7 to 1 |
| 34 | `#a26a8b` | `oklch(59.49% 0.0838 343.47)` | Berry Pretty | black, 4.9 to 1 |
| 35 | `#a2769c` | `oklch(62.23% 0.0770 331.38)` | Long Forgotten Purple | black, 5.6 to 1 |
| 36 | `#a282aa` | `oklch(64.98% 0.0699 319.84)` | Regal Orchid | black, 6.2 to 1 |
| 37 | `#a38db5` | `oklch(67.63% 0.0629 309.14)` | Wizard’s Brew | black, 7 to 1 |
| 38 | `#a397bd` | `oklch(70.08% 0.0562 299.58)` | Grape Gatsby | black, 7.7 to 1 |
| 39 | `#a5a0c3` | `oklch(72.20% 0.0502 291.42)` | Evening Slipper | black, 8.4 to 1 |
| 40 | `#a7a7c7` | `oklch(73.90% 0.0451 284.97)` | Wisteria Light Soft Blue | black, 8.9 to 1 |
| 41 | `#a9acc8` | `oklch(75.07% 0.0413 280.51)` | Cosmic Sky | black, 9.4 to 1 |
| 42 | `#aaaec9` | `oklch(75.58% 0.0389 278.32)` | Meadow Phlox | black, 9.5 to 1 |
| 43 | `#a9adc8` | `oklch(75.37% 0.0381 278.82)` | Meadow Phlox | black, 9.5 to 1 |
| 44 | `#a8aac5` | `oklch(74.52% 0.0386 282.26)` | Cosmic Sky | black, 9.2 to 1 |
| 45 | `#a6a5c0` | `oklch(73.12% 0.0400 288.22)` | Canyon Mist | black, 8.7 to 1 |
| 46 | `#a49dba` | `oklch(71.28% 0.0423 296.29)` | Fragrant Satchel | black, 8.1 to 1 |
| 47 | `#a295b2` | `oklch(69.08% 0.0452 306.03)` | Heirloom Lilac | black, 7.4 to 1 |
| 48 | `#a08ba8` | `oklch(66.61% 0.0487 317.01)` | Nana | black, 6.7 to 1 |
| 49 | `#9e819c` | `oklch(63.97% 0.0526 328.82)` | Pink Plumeria | black, 6 to 1 |
| 50 | `#9c778e` | `oklch(61.25% 0.0566 341.03)` | Mountbatten Pink | black, 5.4 to 1 |
| 51 | `#996d7f` | `oklch(58.54% 0.0606 353.20)` | Wild Geranium | black, 4.8 to 1 |
| 52 | `#95646f` | `oklch(55.94% 0.0646 4.91)` | Soft Bromeliad | white, 4.8 to 1 |
| 53 | `#915d60` | `oklch(53.53% 0.0682 15.74)` | Spiced Potpourri | white, 5.3 to 1 |
| 54 | `#8c5752` | `oklch(51.41% 0.0714 25.25)` | Carpe Diem | white, 5.8 to 1 |
| 55 | `#875247` | `oklch(49.68% 0.0740 33.02)` | Boston Brick | white, 6.2 to 1 |
| 56 | `#834f3e` | `oklch(48.43% 0.0758 38.63)` | Antler Moth | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2c475b 0.0%, #2f4b5d 1.8%, #345060 3.6%, #3a5665 5.5%, #415c69 7.3%, #49636e 9.1%, #516b74 10.9%, #5a7379 12.7%, #637a7f 14.5%, #6c8184 16.4%, #738889 18.2%, #7a8e8d 20.0%, #7f9391 21.8%, #829692 23.6%, #839892 25.5%, #82998f 27.3%, #809789 29.1%, #7c9581 30.9%, #799076 32.7%, #778b69 34.5%, #77845a 36.4%, #787d4b 38.2%, #7b743b 40.0%, #7f6b2c 41.8%, #836320 43.6%, #875a19 45.5%, #8b531a 47.3%, #8f4e22 49.1%, #934c2f 50.9%, #984d3f 52.7%, #9c5152 54.5%, #9f5765 56.4%, #a16079 58.2%, #a26a8b 60.0%, #a2769c 61.8%, #a282aa 63.6%, #a38db5 65.5%, #a397bd 67.3%, #a5a0c3 69.1%, #a7a7c7 70.9%, #a9acc8 72.7%, #aaaec9 74.5%, #a9adc8 76.4%, #a8aac5 78.2%, #a6a5c0 80.0%, #a49dba 81.8%, #a295b2 83.6%, #a08ba8 85.5%, #9e819c 87.3%, #9c778e 89.1%, #996d7f 90.9%, #95646f 92.7%, #915d60 94.5%, #8c5752 96.4%, #875247 98.2%, #834f3e 100.0%);
background: linear-gradient(45deg in oklch, oklch(38.58% 0.0469 240.47) 0.0%, oklch(39.83% 0.0457 238.00) 1.8%, oklch(41.53% 0.0439 235.22) 3.6%, oklch(43.58% 0.0416 232.10) 5.5%, oklch(45.91% 0.0390 228.66) 7.3%, oklch(48.43% 0.0362 224.88) 9.1%, oklch(51.06% 0.0333 220.77) 10.9%, oklch(53.73% 0.0305 216.31) 12.7%, oklch(56.34% 0.0279 211.52) 14.5%, oklch(58.81% 0.0257 206.37) 16.4%, oklch(61.06% 0.0241 200.87) 18.2%, oklch(63.01% 0.0230 195.02) 20.0%, oklch(64.58% 0.0228 188.81) 21.8%, oklch(65.67% 0.0236 182.23) 23.6%, oklch(66.22% 0.0254 175.28) 25.5%, oklch(66.14% 0.0288 167.74) 27.3%, oklch(65.48% 0.0337 159.59) 29.1%, oklch(64.37% 0.0398 150.91) 30.9%, oklch(62.88% 0.0468 141.76) 32.7%, oklch(61.13% 0.0545 132.24) 34.5%, oklch(59.21% 0.0625 122.42) 36.4%, oklch(57.23% 0.0705 112.38) 38.2%, oklch(55.28% 0.0784 102.19) 40.0%, oklch(53.46% 0.0857 91.94) 41.8%, oklch(51.87% 0.0922 81.70) 43.6%, oklch(50.62% 0.0977 71.55) 45.5%, oklch(49.80% 0.1018 61.57) 47.3%, oklch(49.52% 0.1042 51.83) 49.1%, oklch(49.87% 0.1047 42.22) 50.9%, oklch(50.88% 0.1033 31.65) 52.7%, oklch(52.46% 0.1002 20.21) 54.5%, oklch(54.50% 0.0957 8.17) 56.4%, oklch(56.88% 0.0902 355.83) 58.2%, oklch(59.49% 0.0838 343.47) 60.0%, oklch(62.23% 0.0770 331.38) 61.8%, oklch(64.98% 0.0699 319.84) 63.6%, oklch(67.63% 0.0629 309.14) 65.5%, oklch(70.08% 0.0562 299.58) 67.3%, oklch(72.20% 0.0502 291.42) 69.1%, oklch(73.90% 0.0451 284.97) 70.9%, oklch(75.07% 0.0413 280.51) 72.7%, oklch(75.58% 0.0389 278.32) 74.5%, oklch(75.37% 0.0381 278.82) 76.4%, oklch(74.52% 0.0386 282.26) 78.2%, oklch(73.12% 0.0400 288.22) 80.0%, oklch(71.28% 0.0423 296.29) 81.8%, oklch(69.08% 0.0452 306.03) 83.6%, oklch(66.61% 0.0487 317.01) 85.5%, oklch(63.97% 0.0526 328.82) 87.3%, oklch(61.25% 0.0566 341.03) 89.1%, oklch(58.54% 0.0606 353.20) 90.9%, oklch(55.94% 0.0646 4.91) 92.7%, oklch(53.53% 0.0682 15.74) 94.5%, oklch(51.41% 0.0714 25.25) 96.4%, oklch(49.68% 0.0740 33.02) 98.2%, oklch(48.43% 0.0758 38.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.047 | 240.5 |
| 2 | 0.661 | 0.025 | 177.1 |
| 3 | 0.496 | 0.105 | 47.1 |
| 4 | 0.756 | 0.039 | -81.8 |
| 5 | 0.484 | 0.076 | 38.6 |

## Other forms

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