# Teal sand coral rings

Brown, mauve, teal and gray radial gradient with 48 colors: #a68956, #a78a58, #a98c5a, #aa8e5d, #ac9160, #ae9463, #b09667, #b2996b, #b49c6f, #b69f72, #b8a175, #bba278, #bda37a, #bfa37c, #c0a27d, #c2a07d, #c29d7d, #c2987d, #c0917c, #bc8a7b, #b7817b, #b0787c, #a7707e, #9d6880, #916183, #835b85, #755787, #665489, #575389, #485388, #3a5587, #2b5885, #1d5d83, #0f6481, #076c7f, #12757d, #267e7b, #3b877a, #51917a, #689a7b, #7da47e, #92ad82, #a5b589, #b7bd91, #c7c599, #d4cba2, #dfd1aa, #e7d5b0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, mauve, teal and gray radial gradient
- Seed: `kUpDg53Ba97mgKvvkyzA`
- Page: https://grabient.com/kUpDg53Ba97mgKvvkyzA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#a68956` | `oklch(64.57% 0.0772 80.86)` | Fall Harvest | black, 6.3 to 1 |
| 2 | `#a78a58` | `oklch(64.92% 0.0765 80.56)` | Fall Harvest | black, 6.4 to 1 |
| 3 | `#a98c5a` | `oklch(65.44% 0.0757 80.66)` | Wood Green | black, 6.5 to 1 |
| 4 | `#aa8e5d` | `oklch(66.10% 0.0746 81.06)` | Alpha Gold | black, 6.7 to 1 |
| 5 | `#ac9160` | `oklch(66.87% 0.0734 81.64)` | Peristyle Brass | black, 6.9 to 1 |
| 6 | `#ae9463` | `oklch(67.71% 0.0720 82.28)` | Gathering Place | black, 7.1 to 1 |
| 7 | `#b09667` | `oklch(68.59% 0.0706 82.88)` | Antelope | black, 7.4 to 1 |
| 8 | `#b2996b` | `oklch(69.48% 0.0691 83.33)` | Dust | black, 7.6 to 1 |
| 9 | `#b49c6f` | `oklch(70.34% 0.0677 83.51)` | Eastern Gold | black, 7.9 to 1 |
| 10 | `#b69f72` | `oklch(71.14% 0.0663 83.30)` | Vintage Gold | black, 8.1 to 1 |
| 11 | `#b8a175` | `oklch(71.85% 0.0651 82.61)` | Hemp Rope | black, 8.3 to 1 |
| 12 | `#bba278` | `oklch(72.42% 0.0640 81.31)` | Mesa | black, 8.5 to 1 |
| 13 | `#bda37a` | `oklch(72.84% 0.0630 79.29)` | Season Finale | black, 8.6 to 1 |
| 14 | `#bfa37c` | `oklch(73.06% 0.0623 76.45)` | Season Finale | black, 8.7 to 1 |
| 15 | `#c0a27d` | `oklch(73.05% 0.0619 72.66)` | Modern History | black, 8.7 to 1 |
| 16 | `#c2a07d` | `oklch(72.78% 0.0619 67.82)` | Real Cork | black, 8.6 to 1 |
| 17 | `#c29d7d` | `oklch(72.20% 0.0622 61.81)` | Wickerwork | black, 8.4 to 1 |
| 18 | `#c2987d` | `oklch(71.15% 0.0630 54.51)` | Brick Path | black, 8 to 1 |
| 19 | `#c0917c` | `oklch(69.63% 0.0643 46.02)` | Copper Lake | black, 7.5 to 1 |
| 20 | `#bc8a7b` | `oklch(67.73% 0.0660 36.49)` | Ludicrous Lemming | black, 7 to 1 |
| 21 | `#b7817b` | `oklch(65.53% 0.0680 26.03)` | Ash Rose | black, 6.4 to 1 |
| 22 | `#b0787c` | `oklch(63.12% 0.0702 14.80)` | Taffeta Darling | black, 5.8 to 1 |
| 23 | `#a7707e` | `oklch(60.58% 0.0726 2.93)` | Black Elder | black, 5.2 to 1 |
| 24 | `#9d6880` | `oklch(57.98% 0.0751 350.56)` | Penelope Pink | black, 4.7 to 1 |
| 25 | `#916183` | `oklch(55.42% 0.0776 337.83)` | Antique Fuchsia | white, 4.9 to 1 |
| 26 | `#835b85` | `oklch(52.96% 0.0800 324.87)` | Concord Grape | white, 5.5 to 1 |
| 27 | `#755787` | `oklch(50.70% 0.0823 311.82)` | Classic Waltz | white, 6 to 1 |
| 28 | `#665489` | `oklch(48.72% 0.0843 298.82)` | Zimidar | white, 6.5 to 1 |
| 29 | `#575389` | `oklch(47.09% 0.0860 286.01)` | Freshly Purpleized | white, 6.9 to 1 |
| 30 | `#485388` | `oklch(45.89% 0.0872 273.52)` | Blue Jewel | white, 7.2 to 1 |
| 31 | `#3a5587` | `oklch(45.22% 0.0880 261.49)` | Southern Blue | white, 7.4 to 1 |
| 32 | `#2b5885` | `oklch(45.15% 0.0883 250.07)` | Award Blue | white, 7.3 to 1 |
| 33 | `#1d5d83` | `oklch(45.76% 0.0878 239.09)` | Oceanic Motion | white, 7.1 to 1 |
| 34 | `#0f6481` | `oklch(47.05% 0.0868 227.73)` | Journey Into Night | white, 6.6 to 1 |
| 35 | `#076c7f` | `oklch(48.94% 0.0853 216.02)` | Shinbashi Azure | white, 6 to 1 |
| 36 | `#12757d` | `oklch(51.33% 0.0833 204.10)` | Night Scape | white, 5.4 to 1 |
| 37 | `#267e7b` | `oklch(54.15% 0.0810 192.06)` | Zirconia Teal | white, 4.8 to 1 |
| 38 | `#3b877a` | `oklch(57.30% 0.0783 180.02)` | Copper Turquoise | black, 4.9 to 1 |
| 39 | `#51917a` | `oklch(60.69% 0.0754 168.09)` | Puerto Princesa | black, 5.6 to 1 |
| 40 | `#689a7b` | `oklch(64.24% 0.0724 156.40)` | Practice Green | black, 6.5 to 1 |
| 41 | `#7da47e` | `oklch(67.86% 0.0693 145.05)` | Greyish Green | black, 7.4 to 1 |
| 42 | `#92ad82` | `oklch(71.46% 0.0663 134.15)` | Forest Shade | black, 8.4 to 1 |
| 43 | `#a5b589` | `oklch(74.95% 0.0633 123.83)` | Haven | black, 9.5 to 1 |
| 44 | `#b7bd91` | `oklch(78.26% 0.0605 114.18)` | Gloaming Green | black, 10.7 to 1 |
| 45 | `#c7c599` | `oklch(81.28% 0.0579 105.34)` | Paris Mint | black, 11.8 to 1 |
| 46 | `#d4cba2` | `oklch(83.94% 0.0556 97.41)` | Hay | black, 12.8 to 1 |
| 47 | `#dfd1aa` | `oklch(86.14% 0.0538 90.50)` | Gratin Dauphinois | black, 13.7 to 1 |
| 48 | `#e7d5b0` | `oklch(87.80% 0.0524 84.73)` | Russeau Gold | black, 14.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a68956 0.0%, #a78a58 2.1%, #a98c5a 4.3%, #aa8e5d 6.4%, #ac9160 8.5%, #ae9463 10.6%, #b09667 12.8%, #b2996b 14.9%, #b49c6f 17.0%, #b69f72 19.1%, #b8a175 21.3%, #bba278 23.4%, #bda37a 25.5%, #bfa37c 27.7%, #c0a27d 29.8%, #c2a07d 31.9%, #c29d7d 34.0%, #c2987d 36.2%, #c0917c 38.3%, #bc8a7b 40.4%, #b7817b 42.6%, #b0787c 44.7%, #a7707e 46.8%, #9d6880 48.9%, #916183 51.1%, #835b85 53.2%, #755787 55.3%, #665489 57.4%, #575389 59.6%, #485388 61.7%, #3a5587 63.8%, #2b5885 66.0%, #1d5d83 68.1%, #0f6481 70.2%, #076c7f 72.3%, #12757d 74.5%, #267e7b 76.6%, #3b877a 78.7%, #51917a 80.9%, #689a7b 83.0%, #7da47e 85.1%, #92ad82 87.2%, #a5b589 89.4%, #b7bd91 91.5%, #c7c599 93.6%, #d4cba2 95.7%, #dfd1aa 97.9%, #e7d5b0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.57% 0.0772 80.86) 0.0%, oklch(64.92% 0.0765 80.56) 2.1%, oklch(65.44% 0.0757 80.66) 4.3%, oklch(66.10% 0.0746 81.06) 6.4%, oklch(66.87% 0.0734 81.64) 8.5%, oklch(67.71% 0.0720 82.28) 10.6%, oklch(68.59% 0.0706 82.88) 12.8%, oklch(69.48% 0.0691 83.33) 14.9%, oklch(70.34% 0.0677 83.51) 17.0%, oklch(71.14% 0.0663 83.30) 19.1%, oklch(71.85% 0.0651 82.61) 21.3%, oklch(72.42% 0.0640 81.31) 23.4%, oklch(72.84% 0.0630 79.29) 25.5%, oklch(73.06% 0.0623 76.45) 27.7%, oklch(73.05% 0.0619 72.66) 29.8%, oklch(72.78% 0.0619 67.82) 31.9%, oklch(72.20% 0.0622 61.81) 34.0%, oklch(71.15% 0.0630 54.51) 36.2%, oklch(69.63% 0.0643 46.02) 38.3%, oklch(67.73% 0.0660 36.49) 40.4%, oklch(65.53% 0.0680 26.03) 42.6%, oklch(63.12% 0.0702 14.80) 44.7%, oklch(60.58% 0.0726 2.93) 46.8%, oklch(57.98% 0.0751 350.56) 48.9%, oklch(55.42% 0.0776 337.83) 51.1%, oklch(52.96% 0.0800 324.87) 53.2%, oklch(50.70% 0.0823 311.82) 55.3%, oklch(48.72% 0.0843 298.82) 57.4%, oklch(47.09% 0.0860 286.01) 59.6%, oklch(45.89% 0.0872 273.52) 61.7%, oklch(45.22% 0.0880 261.49) 63.8%, oklch(45.15% 0.0883 250.07) 66.0%, oklch(45.76% 0.0878 239.09) 68.1%, oklch(47.05% 0.0868 227.73) 70.2%, oklch(48.94% 0.0853 216.02) 72.3%, oklch(51.33% 0.0833 204.10) 74.5%, oklch(54.15% 0.0810 192.06) 76.6%, oklch(57.30% 0.0783 180.02) 78.7%, oklch(60.69% 0.0754 168.09) 80.9%, oklch(64.24% 0.0724 156.40) 83.0%, oklch(67.86% 0.0693 145.05) 85.1%, oklch(71.46% 0.0663 134.15) 87.2%, oklch(74.95% 0.0633 123.83) 89.4%, oklch(78.26% 0.0605 114.18) 91.5%, oklch(81.28% 0.0579 105.34) 93.6%, oklch(83.94% 0.0556 97.41) 95.7%, oklch(86.14% 0.0538 90.50) 97.9%, oklch(87.80% 0.0524 84.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.077 | 80.9 |
| 2 | 0.724 | 0.062 | 64 |
| 3 | 0.453 | 0.088 | -113.6 |
| 4 | 0.878 | 0.052 | -275.3 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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