# Sea Glass and Biscuit Glow

Pastel brown and gray radial gradient with 64 colors: #ab8b69, #aa8d6a, #a98f6b, #a7926c, #a5956f, #a39972, #a19d76, #9ea07b, #9ca480, #99a786, #97ab8d, #95ae94, #94b19a, #94b3a1, #95b6a7, #95b8ac, #97bab1, #98bbb6, #9abdb9, #9cbebc, #9dbfbe, #9ec0bf, #9fc2c0, #9fc3c0, #a0c4c0, #a0c6bf, #a1c7be, #a3c9bb, #a5cab8, #a8cbb5, #accbb0, #b0cbab, #b5cba6, #bbcaa1, #c1c89c, #c7c698, #ccc394, #d1c091, #d5bd8f, #d7b98e, #d9b68c, #d9b28b, #d8ae8a, #d6aa89, #d2a586, #cda083, #c79a80, #c1947c, #ba8e78, #b28773, #aa816e, #a17a68, #997463, #916d5e, #886758, #806153, #785b4e, #715549, #6a5044, #634b40, #5d473c, #584339, #543f36, #513d34. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel brown and gray radial gradient
- Seed: `kUpyww443O2MZMEwC73g`
- Page: https://grabient.com/kUpyww443O2MZMEwC73g?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, pastel, monochrome
- Hues: wide
- Contrast of its darkest and lightest colors: 5.8 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 | `#ab8b69` | `oklch(65.75% 0.0606 68.20)` | Earthly Delight | black, 6.6 to 1 |
| 2 | `#aa8d6a` | `oklch(66.09% 0.0600 71.75)` | Morrel | black, 6.7 to 1 |
| 3 | `#a98f6b` | `oklch(66.51% 0.0591 76.34)` | Morrel | black, 6.8 to 1 |
| 4 | `#a7926c` | `oklch(67.00% 0.0580 81.82)` | Ecosystem | black, 6.9 to 1 |
| 5 | `#a5956f` | `oklch(67.55% 0.0568 88.09)` | Sweet Sparrow | black, 7.1 to 1 |
| 6 | `#a39972` | `oklch(68.16% 0.0555 95.02)` | Tallow | black, 7.3 to 1 |
| 7 | `#a19d76` | `oklch(68.81% 0.0540 102.48)` | Curly Grass | black, 7.5 to 1 |
| 8 | `#9ea07b` | `oklch(69.50% 0.0525 110.36)` | French Parsley | black, 7.7 to 1 |
| 9 | `#9ca480` | `oklch(70.21% 0.0509 118.51)` | Locust | black, 8 to 1 |
| 10 | `#99a786` | `oklch(70.95% 0.0493 126.83)` | Fern Leaf | black, 8.2 to 1 |
| 11 | `#97ab8d` | `oklch(71.70% 0.0477 135.18)` | Banyan Serenity | black, 8.5 to 1 |
| 12 | `#95ae94` | `oklch(72.45% 0.0462 143.45)` | Hidden Glade | black, 8.7 to 1 |
| 13 | `#94b19a` | `oklch(73.20% 0.0446 151.50)` | Andean Slate | black, 9 to 1 |
| 14 | `#94b3a1` | `oklch(73.93% 0.0432 159.22)` | Burma Jade | black, 9.2 to 1 |
| 15 | `#95b6a7` | `oklch(74.64% 0.0418 166.48)` | Nile River | black, 9.4 to 1 |
| 16 | `#95b8ac` | `oklch(75.33% 0.0406 173.15)` | Nile River | black, 9.7 to 1 |
| 17 | `#97bab1` | `oklch(75.97% 0.0395 179.12)` | Moncur | black, 9.9 to 1 |
| 18 | `#98bbb6` | `oklch(76.57% 0.0386 184.25)` | Lap Pool Blue | black, 10.1 to 1 |
| 19 | `#9abdb9` | `oklch(77.12% 0.0379 188.42)` | Nursery Wall | black, 10.3 to 1 |
| 20 | `#9cbebc` | `oklch(77.60% 0.0374 191.52)` | Nursery Wall | black, 10.5 to 1 |
| 21 | `#9dbfbe` | `oklch(78.01% 0.0372 193.40)` | Frosty Glade | black, 10.6 to 1 |
| 22 | `#9ec0bf` | `oklch(78.35% 0.0372 193.96)` | Frosty Glade | black, 10.7 to 1 |
| 23 | `#9fc2c0` | `oklch(78.65% 0.0376 193.11)` | Bleu Nattier | black, 10.8 to 1 |
| 24 | `#9fc3c0` | `oklch(78.98% 0.0384 190.95)` | New-Age Green | black, 11 to 1 |
| 25 | `#a0c4c0` | `oklch(79.32% 0.0394 187.61)` | New-Age Green | black, 11.1 to 1 |
| 26 | `#a0c6bf` | `oklch(79.67% 0.0408 183.20)` | New-Age Green | black, 11.3 to 1 |
| 27 | `#a1c7be` | `oklch(80.01% 0.0424 177.84)` | New-Age Green | black, 11.4 to 1 |
| 28 | `#a3c9bb` | `oklch(80.34% 0.0443 171.65)` | Wave Runner | black, 11.5 to 1 |
| 29 | `#a5cab8` | `oklch(80.65% 0.0462 164.76)` | Bird’s Egg Green | black, 11.7 to 1 |
| 30 | `#a8cbb5` | `oklch(80.93% 0.0483 157.28)` | Bird’s Egg Green | black, 11.8 to 1 |
| 31 | `#accbb0` | `oklch(81.17% 0.0505 149.34)` | Pastel Meadow | black, 11.9 to 1 |
| 32 | `#b0cbab` | `oklch(81.37% 0.0528 141.06)` | Relish | black, 11.9 to 1 |
| 33 | `#b5cba6` | `oklch(81.51% 0.0550 132.55)` | Seacrest | black, 12 to 1 |
| 34 | `#bbcaa1` | `oklch(81.59% 0.0572 123.95)` | Gleam | black, 12 to 1 |
| 35 | `#c1c89c` | `oklch(81.59% 0.0594 115.36)` | Seedling | black, 12 to 1 |
| 36 | `#c7c698` | `oklch(81.51% 0.0614 106.91)` | Paris Mint | black, 11.9 to 1 |
| 37 | `#ccc394` | `oklch(81.34% 0.0633 98.73)` | Hippolyta | black, 11.8 to 1 |
| 38 | `#d1c091` | `oklch(81.08% 0.0649 90.92)` | Monument Green | black, 11.6 to 1 |
| 39 | `#d5bd8f` | `oklch(80.70% 0.0664 83.62)` | Bowman Beige | black, 11.4 to 1 |
| 40 | `#d7b98e` | `oklch(80.21% 0.0675 76.94)` | Splash of Honey | black, 11.2 to 1 |
| 41 | `#d9b68c` | `oklch(79.59% 0.0683 71.01)` | Brandy | black, 10.9 to 1 |
| 42 | `#d9b28b` | `oklch(78.84% 0.0688 65.94)` | Sheepskin | black, 10.6 to 1 |
| 43 | `#d8ae8a` | `oklch(77.95% 0.0689 61.86)` | Porcini | black, 10.3 to 1 |
| 44 | `#d6aa89` | `oklch(76.86% 0.0686 58.55)` | Sweet Sue | black, 9.9 to 1 |
| 45 | `#d2a586` | `oklch(75.51% 0.0679 55.69)` | Sunset Beige | black, 9.4 to 1 |
| 46 | `#cda083` | `oklch(73.95% 0.0669 53.25)` | Arbol de Tamarindo | black, 8.9 to 1 |
| 47 | `#c79a80` | `oklch(72.20% 0.0656 51.20)` | Chinook Salmon | black, 8.3 to 1 |
| 48 | `#c1947c` | `oklch(70.27% 0.0640 49.51)` | Potter’s Pink | black, 7.7 to 1 |
| 49 | `#ba8e78` | `oklch(68.21% 0.0622 48.14)` | Tuscany | black, 7.2 to 1 |
| 50 | `#b28773` | `oklch(66.03% 0.0602 47.07)` | Painted Skies | black, 6.6 to 1 |
| 51 | `#aa816e` | `oklch(63.75% 0.0581 46.25)` | Cocoa Nutmeg | black, 6 to 1 |
| 52 | `#a17a68` | `oklch(61.42% 0.0558 45.67)` | Woodhaven | black, 5.5 to 1 |
| 53 | `#997463` | `oklch(59.04% 0.0535 45.28)` | Temptation | black, 5 to 1 |
| 54 | `#916d5e` | `oklch(56.66% 0.0511 45.06)` | Chocolate Curl | white, 4.6 to 1 |
| 55 | `#886758` | `oklch(54.28% 0.0487 44.97)` | Suede Leather | white, 5 to 1 |
| 56 | `#806153` | `oklch(51.95% 0.0462 44.99)` | Werewolf Fur | white, 5.6 to 1 |
| 57 | `#785b4e` | `oklch(49.68% 0.0439 45.07)` | Picador | white, 6.1 to 1 |
| 58 | `#715549` | `oklch(47.50% 0.0416 45.19)` | Hold Your Horses | white, 6.7 to 1 |
| 59 | `#6a5044` | `oklch(45.44% 0.0395 45.32)` | Plantation Shutters | white, 7.4 to 1 |
| 60 | `#634b40` | `oklch(43.52% 0.0375 45.43)` | Chaps | white, 8 to 1 |
| 61 | `#5d473c` | `oklch(41.77% 0.0357 45.48)` | Carafe | white, 8.6 to 1 |
| 62 | `#584339` | `oklch(40.22% 0.0341 45.43)` | Lava Cake | white, 9.2 to 1 |
| 63 | `#543f36` | `oklch(38.88% 0.0327 45.27)` | Obsidian Brown | white, 9.7 to 1 |
| 64 | `#513d34` | `oklch(37.80% 0.0317 44.95)` | Obsidian Brown | white, 10.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ab8b69 0.0%, #aa8d6a 1.6%, #a98f6b 3.2%, #a7926c 4.8%, #a5956f 6.3%, #a39972 7.9%, #a19d76 9.5%, #9ea07b 11.1%, #9ca480 12.7%, #99a786 14.3%, #97ab8d 15.9%, #95ae94 17.5%, #94b19a 19.0%, #94b3a1 20.6%, #95b6a7 22.2%, #95b8ac 23.8%, #97bab1 25.4%, #98bbb6 27.0%, #9abdb9 28.6%, #9cbebc 30.2%, #9dbfbe 31.7%, #9ec0bf 33.3%, #9fc2c0 34.9%, #9fc3c0 36.5%, #a0c4c0 38.1%, #a0c6bf 39.7%, #a1c7be 41.3%, #a3c9bb 42.9%, #a5cab8 44.4%, #a8cbb5 46.0%, #accbb0 47.6%, #b0cbab 49.2%, #b5cba6 50.8%, #bbcaa1 52.4%, #c1c89c 54.0%, #c7c698 55.6%, #ccc394 57.1%, #d1c091 58.7%, #d5bd8f 60.3%, #d7b98e 61.9%, #d9b68c 63.5%, #d9b28b 65.1%, #d8ae8a 66.7%, #d6aa89 68.3%, #d2a586 69.8%, #cda083 71.4%, #c79a80 73.0%, #c1947c 74.6%, #ba8e78 76.2%, #b28773 77.8%, #aa816e 79.4%, #a17a68 81.0%, #997463 82.5%, #916d5e 84.1%, #886758 85.7%, #806153 87.3%, #785b4e 88.9%, #715549 90.5%, #6a5044 92.1%, #634b40 93.7%, #5d473c 95.2%, #584339 96.8%, #543f36 98.4%, #513d34 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.75% 0.0606 68.20) 0.0%, oklch(66.09% 0.0600 71.75) 1.6%, oklch(66.51% 0.0591 76.34) 3.2%, oklch(67.00% 0.0580 81.82) 4.8%, oklch(67.55% 0.0568 88.09) 6.3%, oklch(68.16% 0.0555 95.02) 7.9%, oklch(68.81% 0.0540 102.48) 9.5%, oklch(69.50% 0.0525 110.36) 11.1%, oklch(70.21% 0.0509 118.51) 12.7%, oklch(70.95% 0.0493 126.83) 14.3%, oklch(71.70% 0.0477 135.18) 15.9%, oklch(72.45% 0.0462 143.45) 17.5%, oklch(73.20% 0.0446 151.50) 19.0%, oklch(73.93% 0.0432 159.22) 20.6%, oklch(74.64% 0.0418 166.48) 22.2%, oklch(75.33% 0.0406 173.15) 23.8%, oklch(75.97% 0.0395 179.12) 25.4%, oklch(76.57% 0.0386 184.25) 27.0%, oklch(77.12% 0.0379 188.42) 28.6%, oklch(77.60% 0.0374 191.52) 30.2%, oklch(78.01% 0.0372 193.40) 31.7%, oklch(78.35% 0.0372 193.96) 33.3%, oklch(78.65% 0.0376 193.11) 34.9%, oklch(78.98% 0.0384 190.95) 36.5%, oklch(79.32% 0.0394 187.61) 38.1%, oklch(79.67% 0.0408 183.20) 39.7%, oklch(80.01% 0.0424 177.84) 41.3%, oklch(80.34% 0.0443 171.65) 42.9%, oklch(80.65% 0.0462 164.76) 44.4%, oklch(80.93% 0.0483 157.28) 46.0%, oklch(81.17% 0.0505 149.34) 47.6%, oklch(81.37% 0.0528 141.06) 49.2%, oklch(81.51% 0.0550 132.55) 50.8%, oklch(81.59% 0.0572 123.95) 52.4%, oklch(81.59% 0.0594 115.36) 54.0%, oklch(81.51% 0.0614 106.91) 55.6%, oklch(81.34% 0.0633 98.73) 57.1%, oklch(81.08% 0.0649 90.92) 58.7%, oklch(80.70% 0.0664 83.62) 60.3%, oklch(80.21% 0.0675 76.94) 61.9%, oklch(79.59% 0.0683 71.01) 63.5%, oklch(78.84% 0.0688 65.94) 65.1%, oklch(77.95% 0.0689 61.86) 66.7%, oklch(76.86% 0.0686 58.55) 68.3%, oklch(75.51% 0.0679 55.69) 69.8%, oklch(73.95% 0.0669 53.25) 71.4%, oklch(72.20% 0.0656 51.20) 73.0%, oklch(70.27% 0.0640 49.51) 74.6%, oklch(68.21% 0.0622 48.14) 76.2%, oklch(66.03% 0.0602 47.07) 77.8%, oklch(63.75% 0.0581 46.25) 79.4%, oklch(61.42% 0.0558 45.67) 81.0%, oklch(59.04% 0.0535 45.28) 82.5%, oklch(56.66% 0.0511 45.06) 84.1%, oklch(54.28% 0.0487 44.97) 85.7%, oklch(51.95% 0.0462 44.99) 87.3%, oklch(49.68% 0.0439 45.07) 88.9%, oklch(47.50% 0.0416 45.19) 90.5%, oklch(45.44% 0.0395 45.32) 92.1%, oklch(43.52% 0.0375 45.43) 93.7%, oklch(41.77% 0.0357 45.48) 95.2%, oklch(40.22% 0.0341 45.43) 96.8%, oklch(38.88% 0.0327 45.27) 98.4%, oklch(37.80% 0.0317 44.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.061 | 68.2 |
| 2 | 0.783 | 0.037 | 194 |
| 3 | 0.78 | 0.069 | 61.9 |
| 4 | 0.378 | 0.032 | 45 |

## In these collections

- [Cream](https://grabient.com/cream)

## Other forms

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