# Dusky violet tide diagonal

Triadic brown, lavender, navy and gray linear gradient with 40 colors: #a18b5b, #a28b5d, #a48a5f, #a68961, #a78765, #a98769, #aa866d, #ab8672, #ac8677, #ae877e, #b08885, #b38b8e, #b7909a, #bb96a8, #bd9db7, #bea5c4, #bcacd0, #b8b2d8, #b2b6dc, #abb7dc, #a2b3d6, #97aaca, #8b9dbb, #7d8ea9, #6f7d96, #606d83, #525d71, #465062, #3c4555, #343f4d, #2f3c49, #2c3d48, #2a4048, #2b4549, #2e4b4a, #33514b, #3b574b, #445c4a, #4d604a, #536249. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Triadic brown, lavender, navy and gray linear gradient
- Seed: `kWpDM91BI42KTsetir5PJAxo`
- Page: https://grabient.com/kWpDM91BI42KTsetir5PJAxo?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#a18b5b` | `oklch(64.57% 0.0703 86.48)` | Shank | black, 6.3 to 1 |
| 2 | `#a28b5d` | `oklch(64.62% 0.0689 83.07)` | Shank | black, 6.3 to 1 |
| 3 | `#a48a5f` | `oklch(64.62% 0.0670 79.00)` | Mukluks | black, 6.3 to 1 |
| 4 | `#a68961` | `oklch(64.61% 0.0646 74.30)` | Trinket Gold | black, 6.3 to 1 |
| 5 | `#a78765` | `oklch(64.61% 0.0620 68.95)` | Coffee With Cream | black, 6.3 to 1 |
| 6 | `#a98769` | `oklch(64.65% 0.0593 62.98)` | Caramel Sundae | black, 6.3 to 1 |
| 7 | `#aa866d` | `oklch(64.75% 0.0567 56.39)` | Pottery Urn | black, 6.3 to 1 |
| 8 | `#ab8672` | `oklch(64.94% 0.0542 49.18)` | Homestead | black, 6.3 to 1 |
| 9 | `#ac8677` | `oklch(65.24% 0.0521 41.37)` | Homestead | black, 6.4 to 1 |
| 10 | `#ae877e` | `oklch(65.69% 0.0504 32.95)` | Bedford Brown | black, 6.5 to 1 |
| 11 | `#b08885` | `oklch(66.33% 0.0494 23.89)` | Woodrose | black, 6.6 to 1 |
| 12 | `#b38b8e` | `oklch(67.51% 0.0491 13.16)` | Victorian Mauve | black, 6.9 to 1 |
| 13 | `#b7909a` | `oklch(69.19% 0.0495 0.76)` | Cherry Juice | black, 7.4 to 1 |
| 14 | `#bb96a8` | `oklch(71.19% 0.0502 347.23)` | Violet Fantasy | black, 8 to 1 |
| 15 | `#bd9db7` | `oklch(73.28% 0.0512 333.08)` | Lily | black, 8.6 to 1 |
| 16 | `#bea5c4` | `oklch(75.28% 0.0523 318.85)` | Extraordinaire | black, 9.3 to 1 |
| 17 | `#bcacd0` | `oklch(76.97% 0.0534 305.06)` | Jacey’s Favourite | black, 9.9 to 1 |
| 18 | `#b8b2d8` | `oklch(78.16% 0.0541 292.25)` | Beloved | black, 10.4 to 1 |
| 19 | `#b2b6dc` | `oklch(78.63% 0.0544 280.92)` | Wild Orchid Blue | black, 10.6 to 1 |
| 20 | `#abb7dc` | `oklch(78.19% 0.0542 271.62)` | Sassy Violet | black, 10.5 to 1 |
| 21 | `#a2b3d6` | `oklch(76.58% 0.0531 264.91)` | Awesome Violet | black, 9.9 to 1 |
| 22 | `#97aaca` | `oklch(73.53% 0.0511 261.09)` | Scorpion Grass Blue | black, 8.9 to 1 |
| 23 | `#8b9dbb` | `oklch(69.32% 0.0485 259.56)` | Forever Blue | black, 7.6 to 1 |
| 24 | `#7d8ea9` | `oklch(64.29% 0.0453 259.65)` | Cabaret Charm | black, 6.3 to 1 |
| 25 | `#6f7d96` | `oklch(58.78% 0.0419 260.67)` | Infinity and Beyond | black, 5 to 1 |
| 26 | `#606d83` | `oklch(53.15% 0.0385 261.94)` | Clooney | white, 5.2 to 1 |
| 27 | `#525d71` | `oklch(47.74% 0.0353 262.77)` | Vintage Indigo | white, 6.6 to 1 |
| 28 | `#465062` | `oklch(42.89% 0.0325 262.47)` | Tried & True Blue | white, 8.1 to 1 |
| 29 | `#3c4555` | `oklch(38.95% 0.0304 260.37)` | Blue Vortex | white, 9.6 to 1 |
| 30 | `#343f4d` | `oklch(36.26% 0.0291 255.77)` | Burka Black | white, 10.7 to 1 |
| 31 | `#2f3c49` | `oklch(35.01% 0.0288 248.06)` | Pitch Cobalt | white, 11.2 to 1 |
| 32 | `#2c3d48` | `oklch(34.87% 0.0294 237.39)` | Pitch Cobalt | white, 11.2 to 1 |
| 33 | `#2a4048` | `oklch(35.60% 0.0307 224.50)` | Bakos Blue | white, 10.9 to 1 |
| 34 | `#2b4549` | `oklch(37.01% 0.0325 210.11)` | Little Mermaid | white, 10.2 to 1 |
| 35 | `#2e4b4a` | `oklch(38.87% 0.0347 194.97)` | Tree Bark Green | white, 9.4 to 1 |
| 36 | `#33514b` | `oklch(40.98% 0.0370 179.81)` | Sharknado | white, 8.6 to 1 |
| 37 | `#3b574b` | `oklch(43.12% 0.0392 165.37)` | Midnight Clover | white, 7.8 to 1 |
| 38 | `#445c4a` | `oklch(45.08% 0.0413 152.38)` | Greenwich | white, 7.2 to 1 |
| 39 | `#4d604a` | `oklch(46.66% 0.0430 141.57)` | Mossy Bronze | white, 6.7 to 1 |
| 40 | `#536249` | `oklch(47.64% 0.0441 133.69)` | Nature Surrounds | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a18b5b 0.0%, #a28b5d 2.6%, #a48a5f 5.1%, #a68961 7.7%, #a78765 10.3%, #a98769 12.8%, #aa866d 15.4%, #ab8672 17.9%, #ac8677 20.5%, #ae877e 23.1%, #b08885 25.6%, #b38b8e 28.2%, #b7909a 30.8%, #bb96a8 33.3%, #bd9db7 35.9%, #bea5c4 38.5%, #bcacd0 41.0%, #b8b2d8 43.6%, #b2b6dc 46.2%, #abb7dc 48.7%, #a2b3d6 51.3%, #97aaca 53.8%, #8b9dbb 56.4%, #7d8ea9 59.0%, #6f7d96 61.5%, #606d83 64.1%, #525d71 66.7%, #465062 69.2%, #3c4555 71.8%, #343f4d 74.4%, #2f3c49 76.9%, #2c3d48 79.5%, #2a4048 82.1%, #2b4549 84.6%, #2e4b4a 87.2%, #33514b 89.7%, #3b574b 92.3%, #445c4a 94.9%, #4d604a 97.4%, #536249 100.0%);
background: linear-gradient(135deg in oklch, oklch(64.57% 0.0703 86.48) 0.0%, oklch(64.62% 0.0689 83.07) 2.6%, oklch(64.62% 0.0670 79.00) 5.1%, oklch(64.61% 0.0646 74.30) 7.7%, oklch(64.61% 0.0620 68.95) 10.3%, oklch(64.65% 0.0593 62.98) 12.8%, oklch(64.75% 0.0567 56.39) 15.4%, oklch(64.94% 0.0542 49.18) 17.9%, oklch(65.24% 0.0521 41.37) 20.5%, oklch(65.69% 0.0504 32.95) 23.1%, oklch(66.33% 0.0494 23.89) 25.6%, oklch(67.51% 0.0491 13.16) 28.2%, oklch(69.19% 0.0495 0.76) 30.8%, oklch(71.19% 0.0502 347.23) 33.3%, oklch(73.28% 0.0512 333.08) 35.9%, oklch(75.28% 0.0523 318.85) 38.5%, oklch(76.97% 0.0534 305.06) 41.0%, oklch(78.16% 0.0541 292.25) 43.6%, oklch(78.63% 0.0544 280.92) 46.2%, oklch(78.19% 0.0542 271.62) 48.7%, oklch(76.58% 0.0531 264.91) 51.3%, oklch(73.53% 0.0511 261.09) 53.8%, oklch(69.32% 0.0485 259.56) 56.4%, oklch(64.29% 0.0453 259.65) 59.0%, oklch(58.78% 0.0419 260.67) 61.5%, oklch(53.15% 0.0385 261.94) 64.1%, oklch(47.74% 0.0353 262.77) 66.7%, oklch(42.89% 0.0325 262.47) 69.2%, oklch(38.95% 0.0304 260.37) 71.8%, oklch(36.26% 0.0291 255.77) 74.4%, oklch(35.01% 0.0288 248.06) 76.9%, oklch(34.87% 0.0294 237.39) 79.5%, oklch(35.60% 0.0307 224.50) 82.1%, oklch(37.01% 0.0325 210.11) 84.6%, oklch(38.87% 0.0347 194.97) 87.2%, oklch(40.98% 0.0370 179.81) 89.7%, oklch(43.12% 0.0392 165.37) 92.3%, oklch(45.08% 0.0413 152.38) 94.9%, oklch(46.66% 0.0430 141.57) 97.4%, oklch(47.64% 0.0441 133.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.07 | 86.5 |
| 2 | 0.661 | 0.05 | 26.2 |
| 3 | 0.776 | 0.054 | -92.1 |
| 4 | 0.358 | 0.029 | -105.8 |
| 5 | 0.476 | 0.044 | -226.3 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)
- [Lo-fi](https://grabient.com/lo-fi)
- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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