# Turquoise over Antique Bronze

Teal to brown radial gradient with 64 colors: #2c8290, #2b828f, #2b818e, #2a808d, #297f8b, #297e8a, #287d88, #277c87, #277b85, #267983, #257881, #24777f, #23767d, #22747b, #217378, #207376, #1f7274, #1e7171, #1d716e, #1d716c, #1e7069, #1f7165, #217161, #25725d, #2b7258, #327352, #3b734b, #447443, #4f743b, #5a7332, #657228, #70711d, #7b6f11, #856c04, #8e6a00, #976701, #9e640b, #a46117, #a85e21, #ac5b2b, #ae5932, #af5739, #af553e, #ad5441, #ab5243, #a85144, #a44f43, #a04e42, #9c4c40, #974b3e, #91493b, #8c4839, #864636, #804533, #7a4330, #75422e, #6f402b, #6a3f2a, #653e28, #603c27, #5c3b26, #583a25, #553925, #533824. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal to brown radial gradient
- Seed: `kUjzyVvxy8kasrqukkJA`
- Page: https://grabient.com/kUjzyVvxy8kasrqukkJA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.4 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 | `#2c8290` | `oklch(56.30% 0.0827 210.23)` | Sea Bed | black, 4.7 to 1 |
| 2 | `#2b828f` | `oklch(56.11% 0.0825 209.62)` | Sea Bed | black, 4.6 to 1 |
| 3 | `#2b818e` | `oklch(55.87% 0.0822 209.11)` | Pagoda Blue | black, 4.6 to 1 |
| 4 | `#2a808d` | `oklch(55.58% 0.0819 208.68)` | Pagoda Blue | black, 4.5 to 1 |
| 5 | `#297f8b` | `oklch(55.26% 0.0814 208.30)` | Sea Swimmer | white, 4.6 to 1 |
| 6 | `#297e8a` | `oklch(54.90% 0.0809 207.95)` | Bermuda | white, 4.7 to 1 |
| 7 | `#287d88` | `oklch(54.51% 0.0804 207.58)` | Caribe | white, 4.7 to 1 |
| 8 | `#277c87` | `oklch(54.10% 0.0798 207.18)` | Caribe | white, 4.8 to 1 |
| 9 | `#277b85` | `oklch(53.67% 0.0792 206.72)` | Caribe | white, 4.9 to 1 |
| 10 | `#267983` | `oklch(53.24% 0.0787 206.16)` | Blue Kelp | white, 5 to 1 |
| 11 | `#257881` | `oklch(52.80% 0.0781 205.48)` | Blue Kelp | white, 5.1 to 1 |
| 12 | `#24777f` | `oklch(52.37% 0.0776 204.65)` | Blue Kelp | white, 5.2 to 1 |
| 13 | `#23767d` | `oklch(51.94% 0.0772 203.64)` | Blue Kelp | white, 5.3 to 1 |
| 14 | `#22747b` | `oklch(51.54% 0.0768 202.42)` | Poseidon’s Castle | white, 5.4 to 1 |
| 15 | `#217378` | `oklch(51.15% 0.0765 200.96)` | Poseidon’s Castle | white, 5.5 to 1 |
| 16 | `#207376` | `oklch(50.80% 0.0763 199.24)` | Poseidon’s Castle | white, 5.5 to 1 |
| 17 | `#1f7274` | `oklch(50.47% 0.0763 197.22)` | Marine Wonder | white, 5.6 to 1 |
| 18 | `#1e7171` | `oklch(50.19% 0.0764 194.88)` | Marine Wonder | white, 5.7 to 1 |
| 19 | `#1d716e` | `oklch(49.96% 0.0766 192.18)` | Boating Green | white, 5.7 to 1 |
| 20 | `#1d716c` | `oklch(49.78% 0.0771 189.11)` | Advantageous | white, 5.8 to 1 |
| 21 | `#1e7069` | `oklch(49.66% 0.0777 185.62)` | Advantageous | white, 5.8 to 1 |
| 22 | `#1f7165` | `oklch(49.61% 0.0785 181.70)` | Advantageous | white, 5.8 to 1 |
| 23 | `#217161` | `oklch(49.64% 0.0797 177.11)` | Antique Green | white, 5.8 to 1 |
| 24 | `#25725d` | `oklch(49.78% 0.0813 171.70)` | Nordic Forest | white, 5.7 to 1 |
| 25 | `#2b7258` | `oklch(50.01% 0.0833 165.57)` | Nordic Forest | white, 5.7 to 1 |
| 26 | `#327352` | `oklch(50.31% 0.0857 158.81)` | Parsley Sprig | white, 5.6 to 1 |
| 27 | `#3b734b` | `oklch(50.68% 0.0882 151.50)` | Parsley Sprig | white, 5.5 to 1 |
| 28 | `#447443` | `oklch(51.10% 0.0910 143.75)` | Grasslands | white, 5.5 to 1 |
| 29 | `#4f743b` | `oklch(51.56% 0.0940 135.64)` | Deep Pine | white, 5.4 to 1 |
| 30 | `#5a7332` | `oklch(52.05% 0.0971 127.26)` | Majestic Jungle | white, 5.3 to 1 |
| 31 | `#657228` | `oklch(52.56% 0.1002 118.70)` | Forest Spirit | white, 5.2 to 1 |
| 32 | `#70711d` | `oklch(53.07% 0.1033 110.07)` | Bronze Yellow | white, 5.1 to 1 |
| 33 | `#7b6f11` | `oklch(53.57% 0.1064 101.44)` | Sunlit Kelp Green | white, 5.1 to 1 |
| 34 | `#856c04` | `oklch(54.06% 0.1094 92.92)` | Muddy Brown | white, 5 to 1 |
| 35 | `#8e6a00` | `oklch(54.51% 0.1118 84.56)` | Muddy Brown | white, 5 to 1 |
| 36 | `#976701` | `oklch(54.91% 0.1148 76.54)` | Gamboge Brown | white, 4.9 to 1 |
| 37 | `#9e640b` | `oklch(55.27% 0.1172 68.86)` | Cumin Ochre | white, 4.9 to 1 |
| 38 | `#a46117` | `oklch(55.55% 0.1192 61.66)` | Cockatrice Brown | white, 4.9 to 1 |
| 39 | `#a85e21` | `oklch(55.75% 0.1208 55.02)` | Scarecrow Frown | white, 4.8 to 1 |
| 40 | `#ac5b2b` | `oklch(55.86% 0.1221 49.02)` | Caramelised Maple | white, 4.8 to 1 |
| 41 | `#ae5932` | `oklch(55.86% 0.1228 43.77)` | Fiery Orange | white, 4.9 to 1 |
| 42 | `#af5739` | `oklch(55.75% 0.1230 39.36)` | Brown Rust | white, 4.9 to 1 |
| 43 | `#af553e` | `oklch(55.51% 0.1226 35.87)` | Glowing Firelight | white, 5 to 1 |
| 44 | `#ad5441` | `oklch(55.13% 0.1216 33.27)` | Cherry Blink | white, 5.1 to 1 |
| 45 | `#ab5243` | `oklch(54.60% 0.1199 31.40)` | Cherry Blink | white, 5.2 to 1 |
| 46 | `#a85144` | `oklch(53.95% 0.1177 30.21)` | Indian Summer | white, 5.3 to 1 |
| 47 | `#a44f43` | `oklch(53.18% 0.1150 29.63)` | BBQ | white, 5.5 to 1 |
| 48 | `#a04e42` | `oklch(52.32% 0.1118 29.62)` | Arabian Red | white, 5.7 to 1 |
| 49 | `#9c4c40` | `oklch(51.37% 0.1082 30.10)` | Safflower Kite | white, 5.9 to 1 |
| 50 | `#974b3e` | `oklch(50.35% 0.1043 31.02)` | Smokin Hot | white, 6.2 to 1 |
| 51 | `#91493b` | `oklch(49.27% 0.1001 32.31)` | Cedar Staff | white, 6.4 to 1 |
| 52 | `#8c4839` | `oklch(48.16% 0.0957 33.92)` | Suzumecha Brown | white, 6.7 to 1 |
| 53 | `#864636` | `oklch(47.01% 0.0912 35.79)` | Deep Orange-Coloured Brown | white, 7.1 to 1 |
| 54 | `#804533` | `oklch(45.85% 0.0866 37.85)` | Cacao Nibs | white, 7.4 to 1 |
| 55 | `#7a4330` | `oklch(44.69% 0.0819 40.04)` | Medium Tuscan Red | white, 7.8 to 1 |
| 56 | `#75422e` | `oklch(43.55% 0.0774 42.31)` | Copper Canyon | white, 8.1 to 1 |
| 57 | `#6f402b` | `oklch(42.43% 0.0729 44.60)` | Heartwood | white, 8.5 to 1 |
| 58 | `#6a3f2a` | `oklch(41.36% 0.0686 46.84)` | Red Mane | white, 8.9 to 1 |
| 59 | `#653e28` | `oklch(40.34% 0.0645 48.97)` | Grilled | white, 9.2 to 1 |
| 60 | `#603c27` | `oklch(39.40% 0.0607 50.94)` | Tropical Wood Brown | white, 9.6 to 1 |
| 61 | `#5c3b26` | `oklch(38.54% 0.0572 52.68)` | Carnaby Tan | white, 9.9 to 1 |
| 62 | `#583a25` | `oklch(37.78% 0.0542 54.14)` | Weathered Bamboo | white, 10.2 to 1 |
| 63 | `#553925` | `oklch(37.13% 0.0516 55.25)` | Kuro Brown | white, 10.5 to 1 |
| 64 | `#533824` | `oklch(36.61% 0.0496 55.95)` | Kuro Brown | white, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2c8290 0.0%, #2b828f 1.6%, #2b818e 3.2%, #2a808d 4.8%, #297f8b 6.3%, #297e8a 7.9%, #287d88 9.5%, #277c87 11.1%, #277b85 12.7%, #267983 14.3%, #257881 15.9%, #24777f 17.5%, #23767d 19.0%, #22747b 20.6%, #217378 22.2%, #207376 23.8%, #1f7274 25.4%, #1e7171 27.0%, #1d716e 28.6%, #1d716c 30.2%, #1e7069 31.7%, #1f7165 33.3%, #217161 34.9%, #25725d 36.5%, #2b7258 38.1%, #327352 39.7%, #3b734b 41.3%, #447443 42.9%, #4f743b 44.4%, #5a7332 46.0%, #657228 47.6%, #70711d 49.2%, #7b6f11 50.8%, #856c04 52.4%, #8e6a00 54.0%, #976701 55.6%, #9e640b 57.1%, #a46117 58.7%, #a85e21 60.3%, #ac5b2b 61.9%, #ae5932 63.5%, #af5739 65.1%, #af553e 66.7%, #ad5441 68.3%, #ab5243 69.8%, #a85144 71.4%, #a44f43 73.0%, #a04e42 74.6%, #9c4c40 76.2%, #974b3e 77.8%, #91493b 79.4%, #8c4839 81.0%, #864636 82.5%, #804533 84.1%, #7a4330 85.7%, #75422e 87.3%, #6f402b 88.9%, #6a3f2a 90.5%, #653e28 92.1%, #603c27 93.7%, #5c3b26 95.2%, #583a25 96.8%, #553925 98.4%, #533824 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(56.30% 0.0827 210.23) 0.0%, oklch(56.11% 0.0825 209.62) 1.6%, oklch(55.87% 0.0822 209.11) 3.2%, oklch(55.58% 0.0819 208.68) 4.8%, oklch(55.26% 0.0814 208.30) 6.3%, oklch(54.90% 0.0809 207.95) 7.9%, oklch(54.51% 0.0804 207.58) 9.5%, oklch(54.10% 0.0798 207.18) 11.1%, oklch(53.67% 0.0792 206.72) 12.7%, oklch(53.24% 0.0787 206.16) 14.3%, oklch(52.80% 0.0781 205.48) 15.9%, oklch(52.37% 0.0776 204.65) 17.5%, oklch(51.94% 0.0772 203.64) 19.0%, oklch(51.54% 0.0768 202.42) 20.6%, oklch(51.15% 0.0765 200.96) 22.2%, oklch(50.80% 0.0763 199.24) 23.8%, oklch(50.47% 0.0763 197.22) 25.4%, oklch(50.19% 0.0764 194.88) 27.0%, oklch(49.96% 0.0766 192.18) 28.6%, oklch(49.78% 0.0771 189.11) 30.2%, oklch(49.66% 0.0777 185.62) 31.7%, oklch(49.61% 0.0785 181.70) 33.3%, oklch(49.64% 0.0797 177.11) 34.9%, oklch(49.78% 0.0813 171.70) 36.5%, oklch(50.01% 0.0833 165.57) 38.1%, oklch(50.31% 0.0857 158.81) 39.7%, oklch(50.68% 0.0882 151.50) 41.3%, oklch(51.10% 0.0910 143.75) 42.9%, oklch(51.56% 0.0940 135.64) 44.4%, oklch(52.05% 0.0971 127.26) 46.0%, oklch(52.56% 0.1002 118.70) 47.6%, oklch(53.07% 0.1033 110.07) 49.2%, oklch(53.57% 0.1064 101.44) 50.8%, oklch(54.06% 0.1094 92.92) 52.4%, oklch(54.51% 0.1118 84.56) 54.0%, oklch(54.91% 0.1148 76.54) 55.6%, oklch(55.27% 0.1172 68.86) 57.1%, oklch(55.55% 0.1192 61.66) 58.7%, oklch(55.75% 0.1208 55.02) 60.3%, oklch(55.86% 0.1221 49.02) 61.9%, oklch(55.86% 0.1228 43.77) 63.5%, oklch(55.75% 0.1230 39.36) 65.1%, oklch(55.51% 0.1226 35.87) 66.7%, oklch(55.13% 0.1216 33.27) 68.3%, oklch(54.60% 0.1199 31.40) 69.8%, oklch(53.95% 0.1177 30.21) 71.4%, oklch(53.18% 0.1150 29.63) 73.0%, oklch(52.32% 0.1118 29.62) 74.6%, oklch(51.37% 0.1082 30.10) 76.2%, oklch(50.35% 0.1043 31.02) 77.8%, oklch(49.27% 0.1001 32.31) 79.4%, oklch(48.16% 0.0957 33.92) 81.0%, oklch(47.01% 0.0912 35.79) 82.5%, oklch(45.85% 0.0866 37.85) 84.1%, oklch(44.69% 0.0819 40.04) 85.7%, oklch(43.55% 0.0774 42.31) 87.3%, oklch(42.43% 0.0729 44.60) 88.9%, oklch(41.36% 0.0686 46.84) 90.5%, oklch(40.34% 0.0645 48.97) 92.1%, oklch(39.40% 0.0607 50.94) 93.7%, oklch(38.54% 0.0572 52.68) 95.2%, oklch(37.78% 0.0542 54.14) 96.8%, oklch(37.13% 0.0516 55.25) 98.4%, oklch(36.61% 0.0496 55.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.083 | 210.2 |
| 2 | 0.496 | 0.079 | 181.7 |
| 3 | 0.555 | 0.123 | 35.9 |
| 4 | 0.366 | 0.05 | 55.9 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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