# Coral green concentric bands

Salmon, green and teal radial swatches with 21 colors: #dc5956, #d9584e, #d35742, #cd5835, #c65e2b, #be6627, #b66f27, #af7928, #a98529, #a09332, #96a040, #8fab4e, #8ab75a, #83c168, #7cc776, #76cb83, #72cc8e, #6ecb96, #6ac69c, #68bf9f, #68baa0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Salmon, green and teal radial swatches
- Seed: `kaoXgRzLhBs4qw3WK8VX7HC2IrwfcoMHA`
- Page: https://grabient.com/kaoXgRzLhBs4qw3WK8VX7HC2IrwfcoMHA?style=radialSwatches&steps=21&angle=180
- Drawn as: radial swatches, 21 steps, 180 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#dc5956` | `oklch(63.39% 0.1654 24.61)` | Bricks of Hope | black, 5.6 to 1 |
| 2 | `#d9584e` | `oklch(62.54% 0.1637 27.49)` | Rosy Sunset | black, 5.4 to 1 |
| 3 | `#d35742` | `oklch(61.34% 0.1612 31.71)` | Spirit Warrior | black, 5.2 to 1 |
| 4 | `#cd5835` | `oklch(60.39% 0.1565 37.26)` | Bronze Satin | black, 5 to 1 |
| 5 | `#c65e2b` | `oklch(60.11% 0.1479 44.12)` | Cinnamon Rufous | black, 5 to 1 |
| 6 | `#be6627` | `oklch(60.24% 0.1349 52.28)` | Opening Night | black, 5.1 to 1 |
| 7 | `#b66f27` | `oklch(60.78% 0.1224 61.82)` | Brown Alpaca | black, 5.3 to 1 |
| 8 | `#af7928` | `oklch(61.83% 0.1157 72.99)` | Release the Hounds | black, 5.6 to 1 |
| 9 | `#a98529` | `oklch(63.51% 0.1147 87.04)` | Rich Gold | black, 6 to 1 |
| 10 | `#a09332` | `oklch(65.58% 0.1168 101.86)` | Art Nouveau Green | black, 6.7 to 1 |
| 11 | `#96a040` | `oklch(67.72% 0.1199 114.43)` | Arathi Highlands | black, 7.3 to 1 |
| 12 | `#8fab4e` | `oklch(70.05% 0.1249 123.51)` | Lime It or Leave It | black, 8.1 to 1 |
| 13 | `#8ab75a` | `oklch(72.54% 0.1315 130.56)` | Fresh Mown | black, 8.9 to 1 |
| 14 | `#83c168` | `oklch(74.67% 0.1360 136.70)` | Hillside Grove | black, 9.7 to 1 |
| 15 | `#7cc776` | `oklch(76.04% 0.1354 142.61)` | Emerald Rain | black, 10.2 to 1 |
| 16 | `#76cb83` | `oklch(76.92% 0.1311 147.72)` | Serengeti Green | black, 10.6 to 1 |
| 17 | `#72cc8e` | `oklch(77.26% 0.1246 152.45)` | Serengeti Green | black, 10.7 to 1 |
| 18 | `#6ecb96` | `oklch(76.97% 0.1173 157.35)` | Green Gala | black, 10.6 to 1 |
| 19 | `#6ac69c` | `oklch(75.68% 0.1073 162.82)` | Intense Jade | black, 10.1 to 1 |
| 20 | `#68bf9f` | `oklch(74.01% 0.0969 167.94)` | Peppermint Fresh | black, 9.5 to 1 |
| 21 | `#68baa0` | `oklch(72.83% 0.0896 171.50)` | Mint Cold Green | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dc5956 0.000% 4.762%, #d9584e 4.762% 9.524%, #d35742 9.524% 14.286%, #cd5835 14.286% 19.048%, #c65e2b 19.048% 23.810%, #be6627 23.810% 28.571%, #b66f27 28.571% 33.333%, #af7928 33.333% 38.095%, #a98529 38.095% 42.857%, #a09332 42.857% 47.619%, #96a040 47.619% 52.381%, #8fab4e 52.381% 57.143%, #8ab75a 57.143% 61.905%, #83c168 61.905% 66.667%, #7cc776 66.667% 71.429%, #76cb83 71.429% 76.190%, #72cc8e 76.190% 80.952%, #6ecb96 80.952% 85.714%, #6ac69c 85.714% 90.476%, #68bf9f 90.476% 95.238%, #68baa0 95.238% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(63.39% 0.1654 24.61) 0.000% 4.762%, oklch(62.54% 0.1637 27.49) 4.762% 9.524%, oklch(61.34% 0.1612 31.71) 9.524% 14.286%, oklch(60.39% 0.1565 37.26) 14.286% 19.048%, oklch(60.11% 0.1479 44.12) 19.048% 23.810%, oklch(60.24% 0.1349 52.28) 23.810% 28.571%, oklch(60.78% 0.1224 61.82) 28.571% 33.333%, oklch(61.83% 0.1157 72.99) 33.333% 38.095%, oklch(63.51% 0.1147 87.04) 38.095% 42.857%, oklch(65.58% 0.1168 101.86) 42.857% 47.619%, oklch(67.72% 0.1199 114.43) 47.619% 52.381%, oklch(70.05% 0.1249 123.51) 52.381% 57.143%, oklch(72.54% 0.1315 130.56) 57.143% 61.905%, oklch(74.67% 0.1360 136.70) 61.905% 66.667%, oklch(76.04% 0.1354 142.61) 66.667% 71.429%, oklch(76.92% 0.1311 147.72) 71.429% 76.190%, oklch(77.26% 0.1246 152.45) 76.190% 80.952%, oklch(76.97% 0.1173 157.35) 80.952% 85.714%, oklch(75.68% 0.1073 162.82) 85.714% 90.476%, oklch(74.01% 0.0969 167.94) 90.476% 95.238%, oklch(72.83% 0.0896 171.50) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.165 | 24.6 |
| 2 | 0.602 | 0.154 | 39.4 |
| 3 | 0.614 | 0.117 | 69 |
| 4 | 0.677 | 0.12 | 114.4 |
| 5 | 0.752 | 0.136 | 138.7 |
| 6 | 0.772 | 0.12 | 155.6 |
| 7 | 0.728 | 0.09 | 171.5 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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