# Tritone brown, purple and navy radial gradient

Tritone brown, purple and navy radial gradient with 56 colors: #585546, #5c5745, #615844, #685a43, #705c43, #795e43, #835f45, #8b5f49, #935f4f, #985d56, #9b5c5d, #9a5a64, #96576b, #8e5471, #825075, #744c77, #654877, #564573, #47416e, #3a3e67, #303b61, #28385b, #233657, #233555, #253555, #2a3655, #313656, #383758, #3f3959, #463b59, #4c3c59, #513e59, #543f5a, #56405a, #56405b, #53405c, #503f5d, #4b3f5f, #453e60, #3e3e60, #383e61, #323e61, #2d3e61, #2a3f62, #2b3f64, #304068, #39406c, #444170, #524172, #604272, #6e426f, #7c4469, #874661, #904858, #964b50, #9a4e4a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYchJGRR81aqXMwzkscLxk48GlTm`
- Page: https://grabient.com/kYchJGRR81aqXMwzkscLxk48GlTm?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#585546` | `oklch(44.88% 0.0248 98.44)` | Olive Smudge | white, 7.4 to 1 |
| 2 | `#5c5745` | `oklch(45.50% 0.0283 93.78)` | Moosewood | white, 7.2 to 1 |
| 3 | `#615844` | `oklch(46.43% 0.0333 87.97)` | Mountain Trail | white, 6.9 to 1 |
| 4 | `#685a43` | `oklch(47.60% 0.0392 81.17)` | Cummings Oak | white, 6.6 to 1 |
| 5 | `#705c43` | `oklch(48.90% 0.0459 73.54)` | Alpha Male | white, 6.3 to 1 |
| 6 | `#795e43` | `oklch(50.25% 0.0529 65.22)` | Frontier Shingle | white, 6 to 1 |
| 7 | `#835f45` | `oklch(51.55% 0.0600 56.38)` | Vaquero Boots | white, 5.7 to 1 |
| 8 | `#8b5f49` | `oklch(52.73% 0.0669 47.16)` | Spicy Mix | white, 5.4 to 1 |
| 9 | `#935f4f` | `oklch(53.68% 0.0732 37.73)` | Sequoia Grove | white, 5.2 to 1 |
| 10 | `#985d56` | `oklch(54.33% 0.0786 28.23)` | Rhode Island Red | white, 5.1 to 1 |
| 11 | `#9b5c5d` | `oklch(54.58% 0.0828 18.83)` | Ruby Crystal | white, 5.1 to 1 |
| 12 | `#9a5a64` | `oklch(54.33% 0.0854 9.67)` | Ruby Crystal | white, 5.2 to 1 |
| 13 | `#96576b` | `oklch(53.47% 0.0865 359.89)` | Vive L’amour | white, 5.4 to 1 |
| 14 | `#8e5471` | `oklch(52.00% 0.0863 348.82)` | Indian Silk | white, 5.7 to 1 |
| 15 | `#825075` | `oklch(50.07% 0.0851 336.86)` | Purple Davenport | white, 6.2 to 1 |
| 16 | `#744c77` | `oklch(47.80% 0.0831 324.45)` | Cabbage Blossom Violet | white, 6.8 to 1 |
| 17 | `#654877` | `oklch(45.32% 0.0805 312.03)` | Picasso Lily | white, 7.6 to 1 |
| 18 | `#564573` | `oklch(42.77% 0.0774 300.00)` | When Red Met Blue | white, 8.4 to 1 |
| 19 | `#47416e` | `oklch(40.27% 0.0742 288.80)` | Overcast Night | white, 9.3 to 1 |
| 20 | `#3a3e67` | `oklch(37.96% 0.0709 278.86)` | Raven Night | white, 10.1 to 1 |
| 21 | `#303b61` | `oklch(35.97% 0.0679 270.60)` | Blue Depths | white, 10.9 to 1 |
| 22 | `#28385b` | `oklch(34.43% 0.0653 264.44)` | Midnight Sleigh | white, 11.6 to 1 |
| 23 | `#233657` | `oklch(33.46% 0.0634 260.82)` | Boatswain | white, 12 to 1 |
| 24 | `#233555` | `oklch(33.10% 0.0618 260.40)` | Boatswain | white, 12.2 to 1 |
| 25 | `#253555` | `oklch(33.20% 0.0601 263.10)` | Boatswain | white, 12.1 to 1 |
| 26 | `#2a3655` | `oklch(33.67% 0.0585 268.29)` | Midnight Escapade | white, 11.9 to 1 |
| 27 | `#313656` | `oklch(34.43% 0.0569 275.30)` | Mediaeval Blue | white, 11.6 to 1 |
| 28 | `#383758` | `oklch(35.39% 0.0554 283.50)` | Very Blue | white, 11.2 to 1 |
| 29 | `#3f3959` | `oklch(36.47% 0.0540 292.23)` | Magic Night | white, 10.8 to 1 |
| 30 | `#463b59` | `oklch(37.58% 0.0529 300.83)` | Purple Velvet | white, 10.3 to 1 |
| 31 | `#4c3c59` | `oklch(38.63% 0.0519 308.67)` | Purple Velvet | white, 9.9 to 1 |
| 32 | `#513e59` | `oklch(39.53% 0.0513 315.09)` | Powerful Mauve | white, 9.6 to 1 |
| 33 | `#543f5a` | `oklch(40.20% 0.0509 319.43)` | Navy Cosmos | white, 9.3 to 1 |
| 34 | `#56405a` | `oklch(40.55% 0.0510 321.06)` | Navy Cosmos | white, 9.2 to 1 |
| 35 | `#56405b` | `oklch(40.56% 0.0514 319.48)` | Navy Cosmos | white, 9.2 to 1 |
| 36 | `#53405c` | `oklch(40.31% 0.0522 315.11)` | Navy Cosmos | white, 9.3 to 1 |
| 37 | `#503f5d` | `oklch(39.86% 0.0533 308.62)` | Powerful Mauve | white, 9.4 to 1 |
| 38 | `#4b3f5f` | `oklch(39.28% 0.0546 300.69)` | Powerful Mauve | white, 9.6 to 1 |
| 39 | `#453e60` | `oklch(38.64% 0.0562 291.99)` | Mulberry Mauve Black | white, 9.9 to 1 |
| 40 | `#3e3e60` | `oklch(37.99% 0.0580 283.22)` | Storm Is Coming | white, 10.1 to 1 |
| 41 | `#383e61` | `oklch(37.41% 0.0600 275.04)` | Bay of Many | white, 10.3 to 1 |
| 42 | `#323e61` | `oklch(36.96% 0.0621 268.14)` | Bay of Many | white, 10.5 to 1 |
| 43 | `#2d3e61` | `oklch(36.69% 0.0643 263.19)` | Elmer’s Echo | white, 10.6 to 1 |
| 44 | `#2a3f62` | `oklch(36.69% 0.0666 260.88)` | Elmer’s Echo | white, 10.6 to 1 |
| 45 | `#2b3f64` | `oklch(37.01% 0.0689 261.88)` | Elmer’s Echo | white, 10.4 to 1 |
| 46 | `#304068` | `oklch(37.71% 0.0715 266.66)` | Bay of Many | white, 10.2 to 1 |
| 47 | `#39406c` | `oklch(38.75% 0.0744 274.77)` | Gloomy Blue | white, 9.8 to 1 |
| 48 | `#444170` | `oklch(40.07% 0.0777 285.52)` | Deep Wisteria | white, 9.3 to 1 |
| 49 | `#524172` | `oklch(41.58% 0.0812 298.23)` | Raw Amethyst | white, 8.8 to 1 |
| 50 | `#604272` | `oklch(43.23% 0.0848 312.22)` | Magenta Red Lips | white, 8.3 to 1 |
| 51 | `#6e426f` | `oklch(44.92% 0.0883 326.79)` | Sunset Purple | white, 7.8 to 1 |
| 52 | `#7c4469` | `oklch(46.59% 0.0917 341.27)` | Magician’s Cloak | white, 7.3 to 1 |
| 53 | `#874661` | `oklch(48.16% 0.0949 354.96)` | Redcurrant | white, 6.8 to 1 |
| 54 | `#904858` | `oklch(49.57% 0.0978 7.18)` | Dull Magenta | white, 6.4 to 1 |
| 55 | `#964b50` | `oklch(50.73% 0.1001 17.24)` | Muted Red | white, 6.1 to 1 |
| 56 | `#9a4e4a` | `oklch(51.57% 0.1020 24.46)` | Rembrandt Ruby | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #585546 0.0%, #5c5745 1.8%, #615844 3.6%, #685a43 5.5%, #705c43 7.3%, #795e43 9.1%, #835f45 10.9%, #8b5f49 12.7%, #935f4f 14.5%, #985d56 16.4%, #9b5c5d 18.2%, #9a5a64 20.0%, #96576b 21.8%, #8e5471 23.6%, #825075 25.5%, #744c77 27.3%, #654877 29.1%, #564573 30.9%, #47416e 32.7%, #3a3e67 34.5%, #303b61 36.4%, #28385b 38.2%, #233657 40.0%, #233555 41.8%, #253555 43.6%, #2a3655 45.5%, #313656 47.3%, #383758 49.1%, #3f3959 50.9%, #463b59 52.7%, #4c3c59 54.5%, #513e59 56.4%, #543f5a 58.2%, #56405a 60.0%, #56405b 61.8%, #53405c 63.6%, #503f5d 65.5%, #4b3f5f 67.3%, #453e60 69.1%, #3e3e60 70.9%, #383e61 72.7%, #323e61 74.5%, #2d3e61 76.4%, #2a3f62 78.2%, #2b3f64 80.0%, #304068 81.8%, #39406c 83.6%, #444170 85.5%, #524172 87.3%, #604272 89.1%, #6e426f 90.9%, #7c4469 92.7%, #874661 94.5%, #904858 96.4%, #964b50 98.2%, #9a4e4a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.0248 98.44) 0.0%, oklch(45.50% 0.0283 93.78) 1.8%, oklch(46.43% 0.0333 87.97) 3.6%, oklch(47.60% 0.0392 81.17) 5.5%, oklch(48.90% 0.0459 73.54) 7.3%, oklch(50.25% 0.0529 65.22) 9.1%, oklch(51.55% 0.0600 56.38) 10.9%, oklch(52.73% 0.0669 47.16) 12.7%, oklch(53.68% 0.0732 37.73) 14.5%, oklch(54.33% 0.0786 28.23) 16.4%, oklch(54.58% 0.0828 18.83) 18.2%, oklch(54.33% 0.0854 9.67) 20.0%, oklch(53.47% 0.0865 359.89) 21.8%, oklch(52.00% 0.0863 348.82) 23.6%, oklch(50.07% 0.0851 336.86) 25.5%, oklch(47.80% 0.0831 324.45) 27.3%, oklch(45.32% 0.0805 312.03) 29.1%, oklch(42.77% 0.0774 300.00) 30.9%, oklch(40.27% 0.0742 288.80) 32.7%, oklch(37.96% 0.0709 278.86) 34.5%, oklch(35.97% 0.0679 270.60) 36.4%, oklch(34.43% 0.0653 264.44) 38.2%, oklch(33.46% 0.0634 260.82) 40.0%, oklch(33.10% 0.0618 260.40) 41.8%, oklch(33.20% 0.0601 263.10) 43.6%, oklch(33.67% 0.0585 268.29) 45.5%, oklch(34.43% 0.0569 275.30) 47.3%, oklch(35.39% 0.0554 283.50) 49.1%, oklch(36.47% 0.0540 292.23) 50.9%, oklch(37.58% 0.0529 300.83) 52.7%, oklch(38.63% 0.0519 308.67) 54.5%, oklch(39.53% 0.0513 315.09) 56.4%, oklch(40.20% 0.0509 319.43) 58.2%, oklch(40.55% 0.0510 321.06) 60.0%, oklch(40.56% 0.0514 319.48) 61.8%, oklch(40.31% 0.0522 315.11) 63.6%, oklch(39.86% 0.0533 308.62) 65.5%, oklch(39.28% 0.0546 300.69) 67.3%, oklch(38.64% 0.0562 291.99) 69.1%, oklch(37.99% 0.0580 283.22) 70.9%, oklch(37.41% 0.0600 275.04) 72.7%, oklch(36.96% 0.0621 268.14) 74.5%, oklch(36.69% 0.0643 263.19) 76.4%, oklch(36.69% 0.0666 260.88) 78.2%, oklch(37.01% 0.0689 261.88) 80.0%, oklch(37.71% 0.0715 266.66) 81.8%, oklch(38.75% 0.0744 274.77) 83.6%, oklch(40.07% 0.0777 285.52) 85.5%, oklch(41.58% 0.0812 298.23) 87.3%, oklch(43.23% 0.0848 312.22) 89.1%, oklch(44.92% 0.0883 326.79) 90.9%, oklch(46.59% 0.0917 341.27) 92.7%, oklch(48.16% 0.0949 354.96) 94.5%, oklch(49.57% 0.0978 7.18) 96.4%, oklch(50.73% 0.1001 17.24) 98.2%, oklch(51.57% 0.1020 24.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.025 | 98.4 |
| 2 | 0.543 | 0.085 | 9.7 |
| 3 | 0.335 | 0.063 | -99.2 |
| 4 | 0.406 | 0.051 | -38.9 |
| 5 | 0.37 | 0.069 | -98.1 |
| 6 | 0.516 | 0.102 | 24.5 |

## Other forms

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