# Sandy seabed seafoam glow

Duotone brown to light blue radial gradient with 32 colors: #48331e, #4c361f, #513922, #573e25, #5d4428, #65492b, #6c502f, #745633, #7b5d37, #82633c, #896a40, #8e7045, #94764a, #997c50, #9f8357, #a4895d, #a98f64, #ad966a, #b19c71, #b4a277, #b6a77c, #b7ad81, #b7b286, #b5b78c, #b2bc92, #aec099, #aac4a1, #a6c8a8, #a3cbb0, #a1cdb7, #9fcfbd, #9fd0c1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone brown to light blue radial gradient
- Seed: `kUViEuRhnBF4WQloFElg`
- Page: https://grabient.com/kUViEuRhnBF4WQloFElg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#48331e` | `oklch(33.86% 0.0455 64.69)` | Clinker | white, 11.9 to 1 |
| 2 | `#4c361f` | `oklch(35.09% 0.0470 65.19)` | Café Noir | white, 11.3 to 1 |
| 3 | `#513922` | `oklch(36.67% 0.0492 65.77)` | Kuro Brown | white, 10.6 to 1 |
| 4 | `#573e25` | `oklch(38.55% 0.0519 66.44)` | Beech Brown | white, 9.8 to 1 |
| 5 | `#5d4428` | `oklch(40.65% 0.0549 67.19)` | Brown Hen | white, 9 to 1 |
| 6 | `#65492b` | `oklch(42.92% 0.0580 68.04)` | Dallas | white, 8.2 to 1 |
| 7 | `#6c502f` | `oklch(45.28% 0.0610 68.98)` | Wagon Train | white, 7.4 to 1 |
| 8 | `#745633` | `oklch(47.69% 0.0640 70.01)` | Oak Barrel | white, 6.7 to 1 |
| 9 | `#7b5d37` | `oklch(50.06% 0.0665 71.15)` | Breen | white, 6 to 1 |
| 10 | `#82633c` | `oklch(52.34% 0.0686 72.38)` | Barricade | white, 5.4 to 1 |
| 11 | `#896a40` | `oklch(54.46% 0.0700 73.73)` | Shaker Peg | white, 5 to 1 |
| 12 | `#8e7045` | `oklch(56.43% 0.0706 75.08)` | Gold Spike | white, 4.6 to 1 |
| 13 | `#94764a` | `oklch(58.42% 0.0706 76.18)` | Beaumont Brown | black, 4.9 to 1 |
| 14 | `#997c50` | `oklch(60.44% 0.0701 77.14)` | Alluring Umber | black, 5.3 to 1 |
| 15 | `#9f8357` | `oklch(62.45% 0.0692 78.10)` | Aztec Brick | black, 5.8 to 1 |
| 16 | `#a4895d` | `oklch(64.43% 0.0680 79.18)` | Mukluks | black, 6.3 to 1 |
| 17 | `#a98f64` | `oklch(66.36% 0.0666 80.53)` | Fossil Butte | black, 6.8 to 1 |
| 18 | `#ad966a` | `oklch(68.22% 0.0651 82.27)` | There’s No Place Like Home | black, 7.3 to 1 |
| 19 | `#b19c71` | `oklch(69.98% 0.0637 84.56)` | Golden Sage | black, 7.8 to 1 |
| 20 | `#b4a277` | `oklch(71.62% 0.0623 87.51)` | Green Fig | black, 8.3 to 1 |
| 21 | `#b6a77c` | `oklch(73.11% 0.0612 91.26)` | Texas Sage | black, 8.8 to 1 |
| 22 | `#b7ad81` | `oklch(74.44% 0.0604 96.00)` | Nettle | black, 9.2 to 1 |
| 23 | `#b7b286` | `oklch(75.63% 0.0597 102.27)` | Ryegrass | black, 9.7 to 1 |
| 24 | `#b5b78c` | `oklch(76.70% 0.0590 109.92)` | Secret Glade | black, 10.1 to 1 |
| 25 | `#b2bc92` | `oklch(77.65% 0.0584 118.56)` | Gloaming Green | black, 10.5 to 1 |
| 26 | `#aec099` | `oklch(78.50% 0.0577 127.80)` | Harmonious | black, 10.8 to 1 |
| 27 | `#aac4a1` | `oklch(79.25% 0.0572 137.27)` | Pale Mint | black, 11.1 to 1 |
| 28 | `#a6c8a8` | `oklch(79.92% 0.0567 146.57)` | French Market | black, 11.4 to 1 |
| 29 | `#a3cbb0` | `oklch(80.51% 0.0562 155.34)` | Calculus | black, 11.6 to 1 |
| 30 | `#a1cdb7` | `oklch(81.03% 0.0558 163.19)` | Calculus | black, 11.9 to 1 |
| 31 | `#9fcfbd` | `oklch(81.49% 0.0554 169.73)` | Thermal Aqua | black, 12.1 to 1 |
| 32 | `#9fd0c1` | `oklch(81.89% 0.0551 174.59)` | Thermal Aqua | black, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #48331e 0.0%, #4c361f 3.2%, #513922 6.5%, #573e25 9.7%, #5d4428 12.9%, #65492b 16.1%, #6c502f 19.4%, #745633 22.6%, #7b5d37 25.8%, #82633c 29.0%, #896a40 32.3%, #8e7045 35.5%, #94764a 38.7%, #997c50 41.9%, #9f8357 45.2%, #a4895d 48.4%, #a98f64 51.6%, #ad966a 54.8%, #b19c71 58.1%, #b4a277 61.3%, #b6a77c 64.5%, #b7ad81 67.7%, #b7b286 71.0%, #b5b78c 74.2%, #b2bc92 77.4%, #aec099 80.6%, #aac4a1 83.9%, #a6c8a8 87.1%, #a3cbb0 90.3%, #a1cdb7 93.5%, #9fcfbd 96.8%, #9fd0c1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0455 64.69) 0.0%, oklch(35.09% 0.0470 65.19) 3.2%, oklch(36.67% 0.0492 65.77) 6.5%, oklch(38.55% 0.0519 66.44) 9.7%, oklch(40.65% 0.0549 67.19) 12.9%, oklch(42.92% 0.0580 68.04) 16.1%, oklch(45.28% 0.0610 68.98) 19.4%, oklch(47.69% 0.0640 70.01) 22.6%, oklch(50.06% 0.0665 71.15) 25.8%, oklch(52.34% 0.0686 72.38) 29.0%, oklch(54.46% 0.0700 73.73) 32.3%, oklch(56.43% 0.0706 75.08) 35.5%, oklch(58.42% 0.0706 76.18) 38.7%, oklch(60.44% 0.0701 77.14) 41.9%, oklch(62.45% 0.0692 78.10) 45.2%, oklch(64.43% 0.0680 79.18) 48.4%, oklch(66.36% 0.0666 80.53) 51.6%, oklch(68.22% 0.0651 82.27) 54.8%, oklch(69.98% 0.0637 84.56) 58.1%, oklch(71.62% 0.0623 87.51) 61.3%, oklch(73.11% 0.0612 91.26) 64.5%, oklch(74.44% 0.0604 96.00) 67.7%, oklch(75.63% 0.0597 102.27) 71.0%, oklch(76.70% 0.0590 109.92) 74.2%, oklch(77.65% 0.0584 118.56) 77.4%, oklch(78.50% 0.0577 127.80) 80.6%, oklch(79.25% 0.0572 137.27) 83.9%, oklch(79.92% 0.0567 146.57) 87.1%, oklch(80.51% 0.0562 155.34) 90.3%, oklch(81.03% 0.0558 163.19) 93.5%, oklch(81.49% 0.0554 169.73) 96.8%, oklch(81.89% 0.0551 174.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.045 | 64.7 |
| 2 | 0.551 | 0.07 | 74.2 |
| 3 | 0.74 | 0.061 | 94.3 |
| 4 | 0.819 | 0.055 | 174.6 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)

## Other forms

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