# Seafoam shell tide halo

Gray, tan, light blue and brown radial gradient with 64 colors: #c5bf99, #c5be99, #c5be98, #c5bd96, #c6bc95, #c6bb93, #c6b992, #c7b890, #c7b78e, #c8b58d, #c9b48b, #c9b389, #c9b188, #cab087, #caaf85, #caae84, #caae83, #caad83, #caad82, #caad81, #c9ad81, #c9ae81, #c8b082, #c6b283, #c5b585, #c3b888, #c1bc8c, #bec091, #bcc496, #b9c89d, #b7cca4, #b4d0ab, #b3d3b3, #b1d6ba, #b0d9c1, #b0dbc7, #b0dccd, #b0ddd1, #b0ded5, #b0ded7, #b0ddd8, #afdcd7, #addad6, #aad7d2, #a7d3cd, #a3cfc7, #9fcac0, #9bc4b7, #96bdae, #92b7a3, #8eaf98, #8aa88d, #879f82, #849777, #828f6c, #808662, #7d7e59, #7b7651, #796f49, #776843, #75613e, #725c3a, #705737, #6f5335. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, tan, light blue and brown radial gradient
- Seed: `kUyyVHYRi9uyRTM7FTGg`
- Page: https://grabient.com/kUyyVHYRi9uyRTM7FTGg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#c5bf99` | `oklch(79.92% 0.0510 99.84)` | Fields Afar | black, 11.2 to 1 |
| 2 | `#c5be99` | `oklch(79.82% 0.0515 99.21)` | Fields Afar | black, 11.2 to 1 |
| 3 | `#c5be98` | `oklch(79.67% 0.0521 98.25)` | Fields Afar | black, 11.1 to 1 |
| 4 | `#c5bd96` | `oklch(79.49% 0.0528 97.01)` | Morning Tea | black, 11 to 1 |
| 5 | `#c6bc95` | `oklch(79.28% 0.0536 95.53)` | Earth Friendly | black, 11 to 1 |
| 6 | `#c6bb93` | `oklch(79.05% 0.0546 93.87)` | Earth Friendly | black, 10.9 to 1 |
| 7 | `#c6b992` | `oklch(78.80% 0.0556 92.07)` | Earth Friendly | black, 10.8 to 1 |
| 8 | `#c7b890` | `oklch(78.54% 0.0566 90.18)` | Earth Friendly | black, 10.6 to 1 |
| 9 | `#c7b78e` | `oklch(78.26% 0.0577 88.24)` | Soybean | black, 10.5 to 1 |
| 10 | `#c8b58d` | `oklch(77.99% 0.0589 86.31)` | Foothill Drive | black, 10.4 to 1 |
| 11 | `#c9b48b` | `oklch(77.72% 0.0600 84.43)` | Sombre | black, 10.3 to 1 |
| 12 | `#c9b389` | `oklch(77.45% 0.0611 82.66)` | Sombre | black, 10.2 to 1 |
| 13 | `#c9b188` | `oklch(77.20% 0.0622 81.03)` | Cappuccino Froth | black, 10.1 to 1 |
| 14 | `#cab087` | `oklch(76.97% 0.0632 79.59)` | Cappuccino Froth | black, 10 to 1 |
| 15 | `#caaf85` | `oklch(76.76% 0.0642 78.40)` | Harvest Home | black, 9.9 to 1 |
| 16 | `#caae84` | `oklch(76.58% 0.0650 77.49)` | Harvest Home | black, 9.9 to 1 |
| 17 | `#caae83` | `oklch(76.43% 0.0658 76.93)` | Harvest Home | black, 9.8 to 1 |
| 18 | `#caad83` | `oklch(76.32% 0.0664 76.74)` | Harvest Home | black, 9.8 to 1 |
| 19 | `#caad82` | `oklch(76.25% 0.0670 77.00)` | Harvest Home | black, 9.8 to 1 |
| 20 | `#caad81` | `oklch(76.24% 0.0673 77.73)` | Common Chalcedony | black, 9.8 to 1 |
| 21 | `#c9ad81` | `oklch(76.28% 0.0675 78.99)` | Common Chalcedony | black, 9.8 to 1 |
| 22 | `#c9ae81` | `oklch(76.38% 0.0675 80.82)` | Gold Perennial | black, 9.8 to 1 |
| 23 | `#c8b082` | `oklch(76.59% 0.0673 83.49)` | Desert Floor | black, 9.9 to 1 |
| 24 | `#c6b283` | `oklch(76.95% 0.0669 87.15)` | Desert Floor | black, 10.1 to 1 |
| 25 | `#c5b585` | `oklch(77.43% 0.0662 91.67)` | Halfway Green | black, 10.3 to 1 |
| 26 | `#c3b888` | `oklch(78.02% 0.0654 96.94)` | Bakelite Yellow | black, 10.5 to 1 |
| 27 | `#c1bc8c` | `oklch(78.70% 0.0645 102.85)` | New Foliage | black, 10.8 to 1 |
| 28 | `#bec091` | `oklch(79.45% 0.0634 109.29)` | Brimstone Butterfly | black, 11.1 to 1 |
| 29 | `#bcc496` | `oklch(80.24% 0.0622 116.13)` | Green Mist | black, 11.4 to 1 |
| 30 | `#b9c89d` | `oklch(81.07% 0.0609 123.25)` | Sprout | black, 11.8 to 1 |
| 31 | `#b7cca4` | `oklch(81.90% 0.0596 130.56)` | Gleam | black, 12.1 to 1 |
| 32 | `#b4d0ab` | `oklch(82.72% 0.0582 137.92)` | Gio Ponti Green | black, 12.5 to 1 |
| 33 | `#b3d3b3` | `oklch(83.51% 0.0568 145.22)` | Enchanted Meadow | black, 12.9 to 1 |
| 34 | `#b1d6ba` | `oklch(84.25% 0.0554 152.35)` | Enchanted Meadow | black, 13.2 to 1 |
| 35 | `#b0d9c1` | `oklch(84.92% 0.0541 159.20)` | Mint Gala | black, 13.5 to 1 |
| 36 | `#b0dbc7` | `oklch(85.51% 0.0528 165.64)` | Celadon Sorbet | black, 13.7 to 1 |
| 37 | `#b0dccd` | `oklch(85.98% 0.0515 171.55)` | Brook Green | black, 14 to 1 |
| 38 | `#b0ddd1` | `oklch(86.32% 0.0504 176.84)` | Jaded Clouds | black, 14.1 to 1 |
| 39 | `#b0ded5` | `oklch(86.52% 0.0494 181.37)` | Jaded Clouds | black, 14.2 to 1 |
| 40 | `#b0ded7` | `oklch(86.55% 0.0485 185.03)` | Jaded Clouds | black, 14.2 to 1 |
| 41 | `#b0ddd8` | `oklch(86.39% 0.0477 187.72)` | Catch the Wave | black, 14.1 to 1 |
| 42 | `#afdcd7` | `oklch(86.03% 0.0472 189.30)` | Jaded Clouds | black, 13.9 to 1 |
| 43 | `#addad6` | `oklch(85.43% 0.0469 189.67)` | Rivers Edge | black, 13.7 to 1 |
| 44 | `#aad7d2` | `oklch(84.57% 0.0467 188.75)` | Sugar Pool | black, 13.3 to 1 |
| 45 | `#a7d3cd` | `oklch(83.43% 0.0467 186.64)` | Sinbad | black, 12.8 to 1 |
| 46 | `#a3cfc7` | `oklch(82.04% 0.0469 183.44)` | Phosphorus | black, 12.2 to 1 |
| 47 | `#9fcac0` | `oklch(80.43% 0.0471 179.26)` | Tareyton | black, 11.6 to 1 |
| 48 | `#9bc4b7` | `oklch(78.63% 0.0475 174.23)` | Stanley | black, 10.9 to 1 |
| 49 | `#96bdae` | `oklch(76.66% 0.0480 168.45)` | Scenic View | black, 10.2 to 1 |
| 50 | `#92b7a3` | `oklch(74.56% 0.0486 162.04)` | Greyed Jade | black, 9.4 to 1 |
| 51 | `#8eaf98` | `oklch(72.34% 0.0492 155.10)` | Holly Fern | black, 8.7 to 1 |
| 52 | `#8aa88d` | `oklch(70.04% 0.0499 147.76)` | Alga Moss | black, 8 to 1 |
| 53 | `#879f82` | `oklch(67.70% 0.0507 140.13)` | Basil | black, 7.3 to 1 |
| 54 | `#849777` | `oklch(65.32% 0.0515 132.31)` | Backyard | black, 6.6 to 1 |
| 55 | `#828f6c` | `oklch(62.95% 0.0523 124.43)` | Saladin | black, 6 to 1 |
| 56 | `#808662` | `oklch(60.62% 0.0531 116.60)` | Green Bush | black, 5.5 to 1 |
| 57 | `#7d7e59` | `oklch(58.34% 0.0538 108.92)` | Tambo Tank | black, 5 to 1 |
| 58 | `#7b7651` | `oklch(56.15% 0.0546 101.52)` | Greek Oregano | white, 4.5 to 1 |
| 59 | `#796f49` | `oklch(54.08% 0.0553 94.51)` | Go Ben | white, 5 to 1 |
| 60 | `#776843` | `oklch(52.15% 0.0560 87.99)` | Eminent Bronze | white, 5.4 to 1 |
| 61 | `#75613e` | `oklch(50.40% 0.0566 82.09)` | High Chaparral | white, 5.9 to 1 |
| 62 | `#725c3a` | `oklch(48.85% 0.0571 76.92)` | Bee Master | white, 6.3 to 1 |
| 63 | `#705737` | `oklch(47.52% 0.0576 72.58)` | Oak Barrel | white, 6.7 to 1 |
| 64 | `#6f5335` | `oklch(46.46% 0.0579 69.20)` | Rustic Cabin | white, 7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c5bf99 0.0%, #c5be99 1.6%, #c5be98 3.2%, #c5bd96 4.8%, #c6bc95 6.3%, #c6bb93 7.9%, #c6b992 9.5%, #c7b890 11.1%, #c7b78e 12.7%, #c8b58d 14.3%, #c9b48b 15.9%, #c9b389 17.5%, #c9b188 19.0%, #cab087 20.6%, #caaf85 22.2%, #caae84 23.8%, #caae83 25.4%, #caad83 27.0%, #caad82 28.6%, #caad81 30.2%, #c9ad81 31.7%, #c9ae81 33.3%, #c8b082 34.9%, #c6b283 36.5%, #c5b585 38.1%, #c3b888 39.7%, #c1bc8c 41.3%, #bec091 42.9%, #bcc496 44.4%, #b9c89d 46.0%, #b7cca4 47.6%, #b4d0ab 49.2%, #b3d3b3 50.8%, #b1d6ba 52.4%, #b0d9c1 54.0%, #b0dbc7 55.6%, #b0dccd 57.1%, #b0ddd1 58.7%, #b0ded5 60.3%, #b0ded7 61.9%, #b0ddd8 63.5%, #afdcd7 65.1%, #addad6 66.7%, #aad7d2 68.3%, #a7d3cd 69.8%, #a3cfc7 71.4%, #9fcac0 73.0%, #9bc4b7 74.6%, #96bdae 76.2%, #92b7a3 77.8%, #8eaf98 79.4%, #8aa88d 81.0%, #879f82 82.5%, #849777 84.1%, #828f6c 85.7%, #808662 87.3%, #7d7e59 88.9%, #7b7651 90.5%, #796f49 92.1%, #776843 93.7%, #75613e 95.2%, #725c3a 96.8%, #705737 98.4%, #6f5335 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.0510 99.84) 0.0%, oklch(79.82% 0.0515 99.21) 1.6%, oklch(79.67% 0.0521 98.25) 3.2%, oklch(79.49% 0.0528 97.01) 4.8%, oklch(79.28% 0.0536 95.53) 6.3%, oklch(79.05% 0.0546 93.87) 7.9%, oklch(78.80% 0.0556 92.07) 9.5%, oklch(78.54% 0.0566 90.18) 11.1%, oklch(78.26% 0.0577 88.24) 12.7%, oklch(77.99% 0.0589 86.31) 14.3%, oklch(77.72% 0.0600 84.43) 15.9%, oklch(77.45% 0.0611 82.66) 17.5%, oklch(77.20% 0.0622 81.03) 19.0%, oklch(76.97% 0.0632 79.59) 20.6%, oklch(76.76% 0.0642 78.40) 22.2%, oklch(76.58% 0.0650 77.49) 23.8%, oklch(76.43% 0.0658 76.93) 25.4%, oklch(76.32% 0.0664 76.74) 27.0%, oklch(76.25% 0.0670 77.00) 28.6%, oklch(76.24% 0.0673 77.73) 30.2%, oklch(76.28% 0.0675 78.99) 31.7%, oklch(76.38% 0.0675 80.82) 33.3%, oklch(76.59% 0.0673 83.49) 34.9%, oklch(76.95% 0.0669 87.15) 36.5%, oklch(77.43% 0.0662 91.67) 38.1%, oklch(78.02% 0.0654 96.94) 39.7%, oklch(78.70% 0.0645 102.85) 41.3%, oklch(79.45% 0.0634 109.29) 42.9%, oklch(80.24% 0.0622 116.13) 44.4%, oklch(81.07% 0.0609 123.25) 46.0%, oklch(81.90% 0.0596 130.56) 47.6%, oklch(82.72% 0.0582 137.92) 49.2%, oklch(83.51% 0.0568 145.22) 50.8%, oklch(84.25% 0.0554 152.35) 52.4%, oklch(84.92% 0.0541 159.20) 54.0%, oklch(85.51% 0.0528 165.64) 55.6%, oklch(85.98% 0.0515 171.55) 57.1%, oklch(86.32% 0.0504 176.84) 58.7%, oklch(86.52% 0.0494 181.37) 60.3%, oklch(86.55% 0.0485 185.03) 61.9%, oklch(86.39% 0.0477 187.72) 63.5%, oklch(86.03% 0.0472 189.30) 65.1%, oklch(85.43% 0.0469 189.67) 66.7%, oklch(84.57% 0.0467 188.75) 68.3%, oklch(83.43% 0.0467 186.64) 69.8%, oklch(82.04% 0.0469 183.44) 71.4%, oklch(80.43% 0.0471 179.26) 73.0%, oklch(78.63% 0.0475 174.23) 74.6%, oklch(76.66% 0.0480 168.45) 76.2%, oklch(74.56% 0.0486 162.04) 77.8%, oklch(72.34% 0.0492 155.10) 79.4%, oklch(70.04% 0.0499 147.76) 81.0%, oklch(67.70% 0.0507 140.13) 82.5%, oklch(65.32% 0.0515 132.31) 84.1%, oklch(62.95% 0.0523 124.43) 85.7%, oklch(60.62% 0.0531 116.60) 87.3%, oklch(58.34% 0.0538 108.92) 88.9%, oklch(56.15% 0.0546 101.52) 90.5%, oklch(54.08% 0.0553 94.51) 92.1%, oklch(52.15% 0.0560 87.99) 93.7%, oklch(50.40% 0.0566 82.09) 95.2%, oklch(48.85% 0.0571 76.92) 96.8%, oklch(47.52% 0.0576 72.58) 98.4%, oklch(46.46% 0.0579 69.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.051 | 99.8 |
| 2 | 0.764 | 0.068 | 80.8 |
| 3 | 0.854 | 0.047 | 189.7 |
| 4 | 0.465 | 0.058 | 69.2 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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