# Triadic brown, dark purple and blue radial gradient

Triadic brown, dark purple and blue radial gradient with 32 colors: #a4742b, #a06f27, #9b6722, #955f1b, #8f5516, #884c13, #804414, #783d17, #6f371a, #65321d, #5a2d1f, #512821, #4a2424, #452127, #401e2d, #3a1d34, #331d3c, #2b1f43, #232248, #1d264e, #182a54, #162f5c, #153566, #163b6f, #164279, #144980, #125187, #145b8d, #196493, #206d97, #27749b, #2c7a9e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYl001OSS9acUu6jmjPMqc9cWiPW`
- Page: https://grabient.com/kYl001OSS9acUu6jmjPMqc9cWiPW?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.6 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 | `#a4742b` | `oklch(59.45% 0.1061 74.53)` | Hot Toddy | black, 5.1 to 1 |
| 2 | `#a06f27` | `oklch(57.92% 0.1059 72.48)` | Buttered Rum | black, 4.7 to 1 |
| 3 | `#9b6722` | `oklch(55.81% 0.1061 69.80)` | Olivia | white, 4.7 to 1 |
| 4 | `#955f1b` | `oklch(53.32% 0.1061 66.56)` | Afghan Carpet | white, 5.3 to 1 |
| 5 | `#8f5516` | `oklch(50.61% 0.1056 62.85)` | Plain Old Brown | white, 6 to 1 |
| 6 | `#884c13` | `oklch(47.90% 0.1042 58.74)` | Brown Eyed Girl | white, 6.7 to 1 |
| 7 | `#804414` | `oklch(45.35% 0.1014 54.31)` | Russet | white, 7.5 to 1 |
| 8 | `#783d17` | `oklch(42.95% 0.0964 49.97)` | Walnut | white, 8.4 to 1 |
| 9 | `#6f371a` | `oklch(40.40% 0.0888 46.04)` | Rosewood Brown | white, 9.3 to 1 |
| 10 | `#65321d` | `oklch(37.82% 0.0800 41.90)` | Freshly Roasted Coffee | white, 10.4 to 1 |
| 11 | `#5a2d1f` | `oklch(35.35% 0.0710 36.89)` | Kōrozen | white, 11.4 to 1 |
| 12 | `#512821` | `oklch(33.13% 0.0632 30.38)` | Bitter Chocolate | white, 12.4 to 1 |
| 13 | `#4a2424` | `oklch(31.30% 0.0577 21.69)` | New Bulgarian Rose | white, 13.3 to 1 |
| 14 | `#452127` | `oklch(29.93% 0.0555 9.83)` | Dark Mahogany | white, 14 to 1 |
| 15 | `#401e2d` | `oklch(28.83% 0.0557 353.73)` | Jasmin Beauty | white, 14.5 to 1 |
| 16 | `#3a1d34` | `oklch(28.00% 0.0576 335.03)` | Jasmin Beauty | white, 14.9 to 1 |
| 17 | `#331d3c` | `oklch(27.50% 0.0608 315.59)` | Power Outage | white, 15.1 to 1 |
| 18 | `#2b1f43` | `oklch(27.35% 0.0648 297.28)` | Midnight Velvet | white, 15.1 to 1 |
| 19 | `#232248` | `oklch(27.60% 0.0691 281.95)` | Black Market | white, 15 to 1 |
| 20 | `#1d264e` | `oklch(28.30% 0.0735 271.30)` | Space Cadet | white, 14.6 to 1 |
| 21 | `#182a54` | `oklch(29.57% 0.0793 264.68)` | Pico Void | white, 13.9 to 1 |
| 22 | `#162f5c` | `oklch(31.32% 0.0863 260.86)` | Ending Navy Blue | white, 13.1 to 1 |
| 23 | `#153566` | `oklch(33.40% 0.0935 258.82)` | Funnel Cloud | white, 12.1 to 1 |
| 24 | `#163b6f` | `oklch(35.67% 0.1001 257.53)` | Tardis Blue | white, 11.1 to 1 |
| 25 | `#164279` | `oklch(37.98% 0.1051 255.96)` | Twilight Blue | white, 10 to 1 |
| 26 | `#144980` | `oklch(40.21% 0.1078 253.13)` | Poster Blue | white, 9.1 to 1 |
| 27 | `#125187` | `oklch(42.69% 0.1077 249.42)` | Lake Baikal | white, 8.2 to 1 |
| 28 | `#145b8d` | `oklch(45.45% 0.1057 245.47)` | Buccaneer Blue | white, 7.2 to 1 |
| 29 | `#196493` | `oklch(48.26% 0.1025 241.56)` | Craving Cobalt | white, 6.3 to 1 |
| 30 | `#206d97` | `oklch(50.89% 0.0989 237.95)` | Blue Oasis | white, 5.6 to 1 |
| 31 | `#27749b` | `oklch(53.13% 0.0957 234.90)` | Bateau | white, 5.1 to 1 |
| 32 | `#2c7a9e` | `oklch(54.72% 0.0937 232.69)` | Fun and Games | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a4742b 0.0%, #a06f27 3.2%, #9b6722 6.5%, #955f1b 9.7%, #8f5516 12.9%, #884c13 16.1%, #804414 19.4%, #783d17 22.6%, #6f371a 25.8%, #65321d 29.0%, #5a2d1f 32.3%, #512821 35.5%, #4a2424 38.7%, #452127 41.9%, #401e2d 45.2%, #3a1d34 48.4%, #331d3c 51.6%, #2b1f43 54.8%, #232248 58.1%, #1d264e 61.3%, #182a54 64.5%, #162f5c 67.7%, #153566 71.0%, #163b6f 74.2%, #164279 77.4%, #144980 80.6%, #125187 83.9%, #145b8d 87.1%, #196493 90.3%, #206d97 93.5%, #27749b 96.8%, #2c7a9e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1061 74.53) 0.0%, oklch(57.92% 0.1059 72.48) 3.2%, oklch(55.81% 0.1061 69.80) 6.5%, oklch(53.32% 0.1061 66.56) 9.7%, oklch(50.61% 0.1056 62.85) 12.9%, oklch(47.90% 0.1042 58.74) 16.1%, oklch(45.35% 0.1014 54.31) 19.4%, oklch(42.95% 0.0964 49.97) 22.6%, oklch(40.40% 0.0888 46.04) 25.8%, oklch(37.82% 0.0800 41.90) 29.0%, oklch(35.35% 0.0710 36.89) 32.3%, oklch(33.13% 0.0632 30.38) 35.5%, oklch(31.30% 0.0577 21.69) 38.7%, oklch(29.93% 0.0555 9.83) 41.9%, oklch(28.83% 0.0557 353.73) 45.2%, oklch(28.00% 0.0576 335.03) 48.4%, oklch(27.50% 0.0608 315.59) 51.6%, oklch(27.35% 0.0648 297.28) 54.8%, oklch(27.60% 0.0691 281.95) 58.1%, oklch(28.30% 0.0735 271.30) 61.3%, oklch(29.57% 0.0793 264.68) 64.5%, oklch(31.32% 0.0863 260.86) 67.7%, oklch(33.40% 0.0935 258.82) 71.0%, oklch(35.67% 0.1001 257.53) 74.2%, oklch(37.98% 0.1051 255.96) 77.4%, oklch(40.21% 0.1078 253.13) 80.6%, oklch(42.69% 0.1077 249.42) 83.9%, oklch(45.45% 0.1057 245.47) 87.1%, oklch(48.26% 0.1025 241.56) 90.3%, oklch(50.89% 0.0989 237.95) 93.5%, oklch(53.13% 0.0957 234.90) 96.8%, oklch(54.72% 0.0937 232.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.106 | 74.5 |
| 2 | 0.449 | 0.101 | 53.4 |
| 3 | 0.307 | 0.056 | 17.5 |
| 4 | 0.28 | 0.072 | -85 |
| 5 | 0.398 | 0.107 | -106.2 |
| 6 | 0.547 | 0.094 | -127.3 |

## In these collections

- [Mushroom foraging basket](https://grabient.com/mushroom-foraging-basket)

## Other forms

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