# Red blue deep teal rings

Brown, gray, purple and navy radial gradient with 64 colors: #783642, #7c3a41, #804040, #854641, #8a4e41, #8f5643, #945f46, #98694a, #9d7450, #a07f57, #a38a60, #a6946a, #a89f75, #aaa981, #acb28d, #adba98, #afc1a3, #b0c7ad, #b2ccb6, #b3cfbd, #b3d1c3, #b2d1c7, #b0cfc9, #adcdca, #a8c8c9, #a3c3c7, #9ebcc4, #98b4c0, #92acba, #8ca3b4, #8699ae, #808fa6, #7a859e, #747b95, #6f718c, #696783, #645e79, #5f5570, #5a4d68, #554660, #514059, #4d3b54, #49374f, #46344b, #423149, #3f2f46, #3c2d45, #382c44, #352b43, #322b42, #2e2a41, #2b2a41, #282b40, #252b3f, #222b3e, #202c3d, #1d2c3c, #1c2d3a, #1a2d39, #192d37, #182d35, #182d34, #172d33, #172d31. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray, purple and navy radial gradient
- Seed: `kUbEMIag1TK6RUOjirOg`
- Page: https://grabient.com/kUbEMIag1TK6RUOjirOg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.8 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 | `#783642` | `oklch(42.52% 0.0923 11.25)` | Köfte Brown | white, 8.6 to 1 |
| 2 | `#7c3a41` | `oklch(43.68% 0.0908 15.51)` | Carmen | white, 8.2 to 1 |
| 3 | `#804040` | `oklch(45.18% 0.0889 20.48)` | Mesopotamian Dagger | white, 7.7 to 1 |
| 4 | `#854641` | `oklch(46.99% 0.0866 26.12)` | Spiced Berry | white, 7.1 to 1 |
| 5 | `#8a4e41` | `oklch(49.05% 0.0841 32.37)` | Mule Fawn | white, 6.4 to 1 |
| 6 | `#8f5643` | `oklch(51.33% 0.0813 39.16)` | True Copper | white, 5.8 to 1 |
| 7 | `#945f46` | `oklch(53.79% 0.0783 46.44)` | Cinnamon Spice | white, 5.2 to 1 |
| 8 | `#98694a` | `oklch(56.39% 0.0752 54.15)` | Toasted Bagel | white, 4.6 to 1 |
| 9 | `#9d7450` | `oklch(59.07% 0.0719 62.22)` | Golden Glove | black, 5 to 1 |
| 10 | `#a07f57` | `oklch(61.81% 0.0685 70.61)` | Fantan | black, 5.6 to 1 |
| 11 | `#a38a60` | `oklch(64.56% 0.0651 79.24)` | Mukluks | black, 6.3 to 1 |
| 12 | `#a6946a` | `oklch(67.27% 0.0617 88.07)` | Sweet Sparrow | black, 7 to 1 |
| 13 | `#a89f75` | `oklch(69.91% 0.0583 97.03)` | Fresh Olive | black, 7.8 to 1 |
| 14 | `#aaa981` | `oklch(72.44% 0.0550 106.07)` | Brisk Olive | black, 8.6 to 1 |
| 15 | `#acb28d` | `oklch(74.80% 0.0517 115.12)` | Lint | black, 9.4 to 1 |
| 16 | `#adba98` | `oklch(76.97% 0.0487 124.13)` | Chrysoprase | black, 10.2 to 1 |
| 17 | `#afc1a3` | `oklch(78.90% 0.0458 133.04)` | Green Andara | black, 10.9 to 1 |
| 18 | `#b0c7ad` | `oklch(80.54% 0.0432 141.79)` | Zanah | black, 11.6 to 1 |
| 19 | `#b2ccb6` | `oklch(81.86% 0.0408 150.32)` | Subtle Green | black, 12.1 to 1 |
| 20 | `#b3cfbd` | `oklch(82.82% 0.0388 158.56)` | Gossamer Green | black, 12.5 to 1 |
| 21 | `#b3d1c3` | `oklch(83.37% 0.0371 166.48)` | Lester | black, 12.7 to 1 |
| 22 | `#b2d1c7` | `oklch(83.46% 0.0358 173.99)` | Uninhibited | black, 12.8 to 1 |
| 23 | `#b0cfc9` | `oklch(83.09% 0.0349 181.51)` | Steamy Spring | black, 12.6 to 1 |
| 24 | `#adcdca` | `oklch(82.27% 0.0344 189.43)` | Baroque Chalk Soft Blue | black, 12.3 to 1 |
| 25 | `#a8c8c9` | `oklch(81.04% 0.0341 197.68)` | Zenith Heights | black, 11.8 to 1 |
| 26 | `#a3c3c7` | `oklch(79.46% 0.0341 206.18)` | Ocean Kiss | black, 11.1 to 1 |
| 27 | `#9ebcc4` | `oklch(77.55% 0.0344 214.86)` | French Moire | black, 10.4 to 1 |
| 28 | `#98b4c0` | `oklch(75.36% 0.0349 223.65)` | Respite | black, 9.6 to 1 |
| 29 | `#92acba` | `oklch(72.94% 0.0356 232.46)` | New Toile | black, 8.8 to 1 |
| 30 | `#8ca3b4` | `oklch(70.31% 0.0364 241.24)` | Favourite Jeans | black, 8 to 1 |
| 31 | `#8699ae` | `oklch(67.52% 0.0373 249.89)` | Monsoon Season | black, 7.1 to 1 |
| 32 | `#808fa6` | `oklch(64.62% 0.0384 258.36)` | Blueberry Soda | black, 6.4 to 1 |
| 33 | `#7a859e` | `oklch(61.64% 0.0395 266.55)` | Tempest | black, 5.6 to 1 |
| 34 | `#747b95` | `oklch(58.63% 0.0406 274.42)` | Smokey Denim | black, 5 to 1 |
| 35 | `#6f718c` | `oklch(55.62% 0.0417 281.86)` | Stormy Mauve | white, 4.7 to 1 |
| 36 | `#696783` | `oklch(52.65% 0.0428 288.82)` | Daemonette Hide | white, 5.4 to 1 |
| 37 | `#645e79` | `oklch(49.78% 0.0438 295.22)` | Purple Passage | white, 6.1 to 1 |
| 38 | `#5f5570` | `oklch(47.03% 0.0448 300.99)` | Arraign | white, 6.9 to 1 |
| 39 | `#5a4d68` | `oklch(44.44% 0.0456 306.05)` | Blackcurrant Elixir | white, 7.7 to 1 |
| 40 | `#554660` | `oklch(42.07% 0.0462 310.32)` | Conspiracy Velvet | white, 8.6 to 1 |
| 41 | `#514059` | `oklch(39.95% 0.0467 313.74)` | Purple Bloom | white, 9.4 to 1 |
| 42 | `#4d3b54` | `oklch(38.12% 0.0469 316.22)` | Amethyst Dark Violet | white, 10.1 to 1 |
| 43 | `#49374f` | `oklch(36.61% 0.0469 317.71)` | Oregon Grape | white, 10.8 to 1 |
| 44 | `#46344b` | `oklch(35.37% 0.0466 318.00)` | Purple Verbena | white, 11.3 to 1 |
| 45 | `#423149` | `oklch(34.27% 0.0462 317.06)` | Acai Berry | white, 11.8 to 1 |
| 46 | `#3f2f46` | `oklch(33.30% 0.0457 314.98)` | Acai Berry | white, 12.3 to 1 |
| 47 | `#3c2d45` | `oklch(32.45% 0.0450 311.89)` | Obsidian Lava Black | white, 12.6 to 1 |
| 48 | `#382c44` | `oklch(31.73% 0.0442 307.90)` | Obsidian Lava Black | white, 13 to 1 |
| 49 | `#352b43` | `oklch(31.10% 0.0433 303.12)` | Obsidian Lava Black | white, 13.3 to 1 |
| 50 | `#322b42` | `oklch(30.58% 0.0424 297.67)` | Viola Black | white, 13.5 to 1 |
| 51 | `#2e2a41` | `oklch(30.14% 0.0413 291.65)` | Viola Black | white, 13.7 to 1 |
| 52 | `#2b2a41` | `oklch(29.78% 0.0403 285.19)` | Evening Blue | white, 13.8 to 1 |
| 53 | `#282b40` | `oklch(29.48% 0.0391 278.40)` | Valhalla | white, 13.9 to 1 |
| 54 | `#252b3f` | `oklch(29.24% 0.0380 271.38)` | Spinel Stone Black | white, 14 to 1 |
| 55 | `#222b3e` | `oklch(29.05% 0.0369 264.26)` | Spinel Stone Black | white, 14.1 to 1 |
| 56 | `#202c3d` | `oklch(28.90% 0.0358 257.15)` | Tangaroa | white, 14.1 to 1 |
| 57 | `#1d2c3c` | `oklch(28.78% 0.0347 250.15)` | Tangaroa | white, 14.1 to 1 |
| 58 | `#1c2d3a` | `oklch(28.68% 0.0336 243.40)` | Tangaroa | white, 14.2 to 1 |
| 59 | `#1a2d39` | `oklch(28.59% 0.0326 236.99)` | Oceanic Noir | white, 14.2 to 1 |
| 60 | `#192d37` | `oklch(28.50% 0.0317 231.04)` | Oceanic Noir | white, 14.2 to 1 |
| 61 | `#182d35` | `oklch(28.40% 0.0308 225.67)` | Oceanic Noir | white, 14.2 to 1 |
| 62 | `#182d34` | `oklch(28.28% 0.0301 220.99)` | Oceanic Noir | white, 14.3 to 1 |
| 63 | `#172d33` | `oklch(28.14% 0.0294 217.11)` | Black Chasm | white, 14.4 to 1 |
| 64 | `#172d31` | `oklch(27.95% 0.0289 214.15)` | Black Chasm | white, 14.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #783642 0.0%, #7c3a41 1.6%, #804040 3.2%, #854641 4.8%, #8a4e41 6.3%, #8f5643 7.9%, #945f46 9.5%, #98694a 11.1%, #9d7450 12.7%, #a07f57 14.3%, #a38a60 15.9%, #a6946a 17.5%, #a89f75 19.0%, #aaa981 20.6%, #acb28d 22.2%, #adba98 23.8%, #afc1a3 25.4%, #b0c7ad 27.0%, #b2ccb6 28.6%, #b3cfbd 30.2%, #b3d1c3 31.7%, #b2d1c7 33.3%, #b0cfc9 34.9%, #adcdca 36.5%, #a8c8c9 38.1%, #a3c3c7 39.7%, #9ebcc4 41.3%, #98b4c0 42.9%, #92acba 44.4%, #8ca3b4 46.0%, #8699ae 47.6%, #808fa6 49.2%, #7a859e 50.8%, #747b95 52.4%, #6f718c 54.0%, #696783 55.6%, #645e79 57.1%, #5f5570 58.7%, #5a4d68 60.3%, #554660 61.9%, #514059 63.5%, #4d3b54 65.1%, #49374f 66.7%, #46344b 68.3%, #423149 69.8%, #3f2f46 71.4%, #3c2d45 73.0%, #382c44 74.6%, #352b43 76.2%, #322b42 77.8%, #2e2a41 79.4%, #2b2a41 81.0%, #282b40 82.5%, #252b3f 84.1%, #222b3e 85.7%, #202c3d 87.3%, #1d2c3c 88.9%, #1c2d3a 90.5%, #1a2d39 92.1%, #192d37 93.7%, #182d35 95.2%, #182d34 96.8%, #172d33 98.4%, #172d31 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.52% 0.0923 11.25) 0.0%, oklch(43.68% 0.0908 15.51) 1.6%, oklch(45.18% 0.0889 20.48) 3.2%, oklch(46.99% 0.0866 26.12) 4.8%, oklch(49.05% 0.0841 32.37) 6.3%, oklch(51.33% 0.0813 39.16) 7.9%, oklch(53.79% 0.0783 46.44) 9.5%, oklch(56.39% 0.0752 54.15) 11.1%, oklch(59.07% 0.0719 62.22) 12.7%, oklch(61.81% 0.0685 70.61) 14.3%, oklch(64.56% 0.0651 79.24) 15.9%, oklch(67.27% 0.0617 88.07) 17.5%, oklch(69.91% 0.0583 97.03) 19.0%, oklch(72.44% 0.0550 106.07) 20.6%, oklch(74.80% 0.0517 115.12) 22.2%, oklch(76.97% 0.0487 124.13) 23.8%, oklch(78.90% 0.0458 133.04) 25.4%, oklch(80.54% 0.0432 141.79) 27.0%, oklch(81.86% 0.0408 150.32) 28.6%, oklch(82.82% 0.0388 158.56) 30.2%, oklch(83.37% 0.0371 166.48) 31.7%, oklch(83.46% 0.0358 173.99) 33.3%, oklch(83.09% 0.0349 181.51) 34.9%, oklch(82.27% 0.0344 189.43) 36.5%, oklch(81.04% 0.0341 197.68) 38.1%, oklch(79.46% 0.0341 206.18) 39.7%, oklch(77.55% 0.0344 214.86) 41.3%, oklch(75.36% 0.0349 223.65) 42.9%, oklch(72.94% 0.0356 232.46) 44.4%, oklch(70.31% 0.0364 241.24) 46.0%, oklch(67.52% 0.0373 249.89) 47.6%, oklch(64.62% 0.0384 258.36) 49.2%, oklch(61.64% 0.0395 266.55) 50.8%, oklch(58.63% 0.0406 274.42) 52.4%, oklch(55.62% 0.0417 281.86) 54.0%, oklch(52.65% 0.0428 288.82) 55.6%, oklch(49.78% 0.0438 295.22) 57.1%, oklch(47.03% 0.0448 300.99) 58.7%, oklch(44.44% 0.0456 306.05) 60.3%, oklch(42.07% 0.0462 310.32) 61.9%, oklch(39.95% 0.0467 313.74) 63.5%, oklch(38.12% 0.0469 316.22) 65.1%, oklch(36.61% 0.0469 317.71) 66.7%, oklch(35.37% 0.0466 318.00) 68.3%, oklch(34.27% 0.0462 317.06) 69.8%, oklch(33.30% 0.0457 314.98) 71.4%, oklch(32.45% 0.0450 311.89) 73.0%, oklch(31.73% 0.0442 307.90) 74.6%, oklch(31.10% 0.0433 303.12) 76.2%, oklch(30.58% 0.0424 297.67) 77.8%, oklch(30.14% 0.0413 291.65) 79.4%, oklch(29.78% 0.0403 285.19) 81.0%, oklch(29.48% 0.0391 278.40) 82.5%, oklch(29.24% 0.0380 271.38) 84.1%, oklch(29.05% 0.0369 264.26) 85.7%, oklch(28.90% 0.0358 257.15) 87.3%, oklch(28.78% 0.0347 250.15) 88.9%, oklch(28.68% 0.0336 243.40) 90.5%, oklch(28.59% 0.0326 236.99) 92.1%, oklch(28.50% 0.0317 231.04) 93.7%, oklch(28.40% 0.0308 225.67) 95.2%, oklch(28.28% 0.0301 220.99) 96.8%, oklch(28.14% 0.0294 217.11) 98.4%, oklch(27.95% 0.0289 214.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.092 | 11.3 |
| 2 | 0.835 | 0.036 | 174 |
| 3 | 0.366 | 0.047 | 317.7 |
| 4 | 0.28 | 0.029 | 214.1 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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