# Lagoon shore mango tide

Black, tan and orange radial gradient with 32 colors: #001617, #001a1b, #001e20, #002426, #002b2c, #003334, #003b3c, #004344, #004d4c, #005653, #006059, #006a5e, #007661, #008362, #348e63, #539963, #6ea264, #87aa66, #9db168, #afb66a, #beb96b, #c9b96a, #d1b665, #d6b05d, #d9a754, #da9d49, #d9913e, #d88533, #d67a2a, #d46f24, #d26620, #d16021. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, tan and orange radial gradient
- Seed: `kULiSOOSg-OMktfOujlg`
- Page: https://grabient.com/kULiSOOSg-OMktfOujlg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#001617` | `oklch(18.14% 0.0308 199.80)` | Black Glaze | white, 18.6 to 1 |
| 2 | `#001a1b` | `oklch(19.64% 0.0334 199.22)` | Black Stallion | white, 18 to 1 |
| 3 | `#001e20` | `oklch(21.53% 0.0366 198.87)` | Stellar Explorer | white, 17.3 to 1 |
| 4 | `#002426` | `oklch(23.75% 0.0404 198.60)` | Teal Spill | white, 16.3 to 1 |
| 5 | `#002b2c` | `oklch(26.25% 0.0446 198.27)` | Black Box | white, 15.1 to 1 |
| 6 | `#003334` | `oklch(28.97% 0.0493 197.72)` | Nora’s Forest | white, 13.8 to 1 |
| 7 | `#003b3c` | `oklch(31.85% 0.0542 196.80)` | Customs Green | white, 12.4 to 1 |
| 8 | `#004344` | `oklch(34.84% 0.0594 195.36)` | Dark Side | white, 11 to 1 |
| 9 | `#004d4c` | `oklch(37.89% 0.0649 193.25)` | Dark Teal | white, 9.7 to 1 |
| 10 | `#005653` | `oklch(40.93% 0.0706 190.32)` | Tabriz Teal | white, 8.5 to 1 |
| 11 | `#006059` | `oklch(43.91% 0.0769 186.42)` | Mosque | white, 7.4 to 1 |
| 12 | `#006a5e` | `oklch(46.94% 0.0844 181.34)` | Pacific Queen | white, 6.5 to 1 |
| 13 | `#007661` | `oklch(50.40% 0.0951 174.88)` | Tropical Rainforest | white, 5.6 to 1 |
| 14 | `#008362` | `oklch(54.19% 0.1107 167.29)` | Shadows of Time | white, 4.7 to 1 |
| 15 | `#348e63` | `oklch(58.15% 0.1092 158.84)` | Viridian | black, 5.2 to 1 |
| 16 | `#539963` | `oklch(62.14% 0.1068 149.80)` | Solitary Tree | black, 6 to 1 |
| 17 | `#6ea264` | `oklch(66.01% 0.1042 140.42)` | Bulbasaur | black, 7 to 1 |
| 18 | `#87aa66` | `oklch(69.60% 0.1018 131.00)` | Celuce | black, 7.9 to 1 |
| 19 | `#9db168` | `oklch(72.76% 0.0999 121.79)` | Matcha Mecha | black, 8.9 to 1 |
| 20 | `#afb66a` | `oklch(75.34% 0.0990 113.07)` | Lime Rickey | black, 9.7 to 1 |
| 21 | `#beb96b` | `oklch(77.20% 0.0994 105.11)` | Golden Cartridge | black, 10.3 to 1 |
| 22 | `#c9b96a` | `oklch(78.17% 0.1015 98.11)` | Secret Safari | black, 10.6 to 1 |
| 23 | `#d1b665` | `oklch(78.16% 0.1053 91.42)` | Wax Way | black, 10.5 to 1 |
| 24 | `#d6b05d` | `oklch(77.32% 0.1105 84.86)` | Sell Gold | black, 10.1 to 1 |
| 25 | `#d9a754` | `oklch(75.82% 0.1167 78.50)` | Plantain Chips | black, 9.5 to 1 |
| 26 | `#da9d49` | `oklch(73.84% 0.1236 72.41)` | Gold Foil | black, 8.8 to 1 |
| 27 | `#d9913e` | `oklch(71.55% 0.1308 66.66)` | Suede Vest | black, 8.1 to 1 |
| 28 | `#d88533` | `oklch(69.15% 0.1381 61.32)` | Sunlounge | black, 7.3 to 1 |
| 29 | `#d67a2a` | `oklch(66.79% 0.1449 56.45)` | Bitter Orange | black, 6.6 to 1 |
| 30 | `#d46f24` | `oklch(64.66% 0.1511 52.13)` | Marmalade | black, 6 to 1 |
| 31 | `#d26620` | `oklch(62.94% 0.1562 48.43)` | Chocolate | black, 5.6 to 1 |
| 32 | `#d16021` | `oklch(61.81% 0.1598 45.40)` | Harvest Pumpkin | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001617 0.0%, #001a1b 3.2%, #001e20 6.5%, #002426 9.7%, #002b2c 12.9%, #003334 16.1%, #003b3c 19.4%, #004344 22.6%, #004d4c 25.8%, #005653 29.0%, #006059 32.3%, #006a5e 35.5%, #007661 38.7%, #008362 41.9%, #348e63 45.2%, #539963 48.4%, #6ea264 51.6%, #87aa66 54.8%, #9db168 58.1%, #afb66a 61.3%, #beb96b 64.5%, #c9b96a 67.7%, #d1b665 71.0%, #d6b05d 74.2%, #d9a754 77.4%, #da9d49 80.6%, #d9913e 83.9%, #d88533 87.1%, #d67a2a 90.3%, #d46f24 93.5%, #d26620 96.8%, #d16021 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.14% 0.0308 199.80) 0.0%, oklch(19.64% 0.0334 199.22) 3.2%, oklch(21.53% 0.0366 198.87) 6.5%, oklch(23.75% 0.0404 198.60) 9.7%, oklch(26.25% 0.0446 198.27) 12.9%, oklch(28.97% 0.0493 197.72) 16.1%, oklch(31.85% 0.0542 196.80) 19.4%, oklch(34.84% 0.0594 195.36) 22.6%, oklch(37.89% 0.0649 193.25) 25.8%, oklch(40.93% 0.0706 190.32) 29.0%, oklch(43.91% 0.0769 186.42) 32.3%, oklch(46.94% 0.0844 181.34) 35.5%, oklch(50.40% 0.0951 174.88) 38.7%, oklch(54.19% 0.1107 167.29) 41.9%, oklch(58.15% 0.1092 158.84) 45.2%, oklch(62.14% 0.1068 149.80) 48.4%, oklch(66.01% 0.1042 140.42) 51.6%, oklch(69.60% 0.1018 131.00) 54.8%, oklch(72.76% 0.0999 121.79) 58.1%, oklch(75.34% 0.0990 113.07) 61.3%, oklch(77.20% 0.0994 105.11) 64.5%, oklch(78.17% 0.1015 98.11) 67.7%, oklch(78.16% 0.1053 91.42) 71.0%, oklch(77.32% 0.1105 84.86) 74.2%, oklch(75.82% 0.1167 78.50) 77.4%, oklch(73.84% 0.1236 72.41) 80.6%, oklch(71.55% 0.1308 66.66) 83.9%, oklch(69.15% 0.1381 61.32) 87.1%, oklch(66.79% 0.1449 56.45) 90.3%, oklch(64.66% 0.1511 52.13) 93.5%, oklch(62.94% 0.1562 48.43) 96.8%, oklch(61.81% 0.1598 45.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.05 | 199.7 |
| 2 | 0.449 | 0.11 | 184.9 |
| 3 | 0.78 | 0.101 | 100.4 |
| 4 | 0.618 | 0.16 | 45.4 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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