# Champagne bubbles gradient

Monochrome brown to off-white linear gradient with 32 colors: #b38b51, #b58d54, #b79158, #bb955c, #be9a61, #c29f67, #c6a46c, #c9a972, #ccad77, #cfb17d, #d2b682, #d5ba88, #d7be8e, #dac293, #dcc699, #dfca9e, #e1cea4, #e3d1a9, #e5d5ae, #e7d8b3, #e9dbb8, #ebdebd, #ede1c2, #eee4c6, #f0e7cb, #f1e9cf, #f3ecd4, #f4eed8, #f5f0dc, #f7f2e0, #f8f4e3, #f8f5e6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome brown to off-white linear gradient
- Seed: `kWqEE14J1AmwWQJ1DsCewfAg`
- Page: https://grabient.com/kWqEE14J1AmwWQJ1DsCewfAg?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#b38b51` | `oklch(66.14% 0.0896 75.23)` | Breadstick | black, 6.7 to 1 |
| 2 | `#b58d54` | `oklch(66.94% 0.0889 75.66)` | Breadstick | black, 6.9 to 1 |
| 3 | `#b79158` | `oklch(68.00% 0.0880 76.22)` | Tan Your Hide | black, 7.2 to 1 |
| 4 | `#bb955c` | `oklch(69.27% 0.0870 76.90)` | Gold Torch | black, 7.5 to 1 |
| 5 | `#be9a61` | `oklch(70.68% 0.0858 77.64)` | Cheers! | black, 7.9 to 1 |
| 6 | `#c29f67` | `oklch(72.15% 0.0844 78.43)` | Silence Is Golden | black, 8.4 to 1 |
| 7 | `#c6a46c` | `oklch(73.62% 0.0829 79.22)` | Classic Gold | black, 8.9 to 1 |
| 8 | `#c9a972` | `oklch(75.02% 0.0813 79.98)` | Taiwan Gold | black, 9.3 to 1 |
| 9 | `#ccad77` | `oklch(76.29% 0.0794 80.69)` | Sigmarite | black, 9.8 to 1 |
| 10 | `#cfb17d` | `oklch(77.51% 0.0774 81.37)` | Fawn | black, 10.2 to 1 |
| 11 | `#d2b682` | `oklch(78.73% 0.0751 82.05)` | Clumsy Caramel | black, 10.7 to 1 |
| 12 | `#d5ba88` | `oklch(79.94% 0.0726 82.73)` | Buckskin | black, 11.1 to 1 |
| 13 | `#d7be8e` | `oklch(81.13% 0.0700 83.42)` | Honey Tea | black, 11.6 to 1 |
| 14 | `#dac293` | `oklch(82.29% 0.0673 84.10)` | Chamomile Tea | black, 12.1 to 1 |
| 15 | `#dcc699` | `oklch(83.42% 0.0646 84.78)` | Pale Moss | black, 12.5 to 1 |
| 16 | `#dfca9e` | `oklch(84.51% 0.0619 85.46)` | So Close | black, 13 to 1 |
| 17 | `#e1cea4` | `oklch(85.56% 0.0593 86.14)` | Foothills | black, 13.5 to 1 |
| 18 | `#e3d1a9` | `oklch(86.57% 0.0567 86.82)` | Gratin Dauphinois | black, 13.9 to 1 |
| 19 | `#e5d5ae` | `oklch(87.55% 0.0540 87.51)` | Anise Biscotti | black, 14.4 to 1 |
| 20 | `#e7d8b3` | `oklch(88.51% 0.0513 88.19)` | Sunning Deck | black, 14.8 to 1 |
| 21 | `#e9dbb8` | `oklch(89.42% 0.0486 88.87)` | Cinnamon Milk | black, 15.3 to 1 |
| 22 | `#ebdebd` | `oklch(90.30% 0.0459 89.55)` | Shell Haven | black, 15.7 to 1 |
| 23 | `#ede1c2` | `oklch(91.14% 0.0432 90.23)` | New Cream | black, 16.1 to 1 |
| 24 | `#eee4c6` | `oklch(91.93% 0.0406 90.92)` | Cream Silk | black, 16.5 to 1 |
| 25 | `#f0e7cb` | `oklch(92.70% 0.0380 91.62)` | Distressed White | black, 16.9 to 1 |
| 26 | `#f1e9cf` | `oklch(93.45% 0.0351 92.38)` | Crescent Moon | black, 17.3 to 1 |
| 27 | `#f3ecd4` | `oklch(94.17% 0.0322 93.18)` | Janna | black, 17.7 to 1 |
| 28 | `#f4eed8` | `oklch(94.85% 0.0294 93.96)` | Apple Core | black, 18 to 1 |
| 29 | `#f5f0dc` | `oklch(95.47% 0.0267 94.71)` | Combed Cotton | black, 18.4 to 1 |
| 30 | `#f7f2e0` | `oklch(96.03% 0.0242 95.38)` | Alhambra Cream | black, 18.7 to 1 |
| 31 | `#f8f4e3` | `oklch(96.49% 0.0222 95.95)` | Daisy White | black, 18.9 to 1 |
| 32 | `#f8f5e6` | `oklch(96.85% 0.0207 96.37)` | Diamond Dust | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #b38b51 0.0%, #b58d54 3.2%, #b79158 6.5%, #bb955c 9.7%, #be9a61 12.9%, #c29f67 16.1%, #c6a46c 19.4%, #c9a972 22.6%, #ccad77 25.8%, #cfb17d 29.0%, #d2b682 32.3%, #d5ba88 35.5%, #d7be8e 38.7%, #dac293 41.9%, #dcc699 45.2%, #dfca9e 48.4%, #e1cea4 51.6%, #e3d1a9 54.8%, #e5d5ae 58.1%, #e7d8b3 61.3%, #e9dbb8 64.5%, #ebdebd 67.7%, #ede1c2 71.0%, #eee4c6 74.2%, #f0e7cb 77.4%, #f1e9cf 80.6%, #f3ecd4 83.9%, #f4eed8 87.1%, #f5f0dc 90.3%, #f7f2e0 93.5%, #f8f4e3 96.8%, #f8f5e6 100.0%);
background: linear-gradient(0deg in oklch, oklch(66.14% 0.0896 75.23) 0.0%, oklch(66.94% 0.0889 75.66) 3.2%, oklch(68.00% 0.0880 76.22) 6.5%, oklch(69.27% 0.0870 76.90) 9.7%, oklch(70.68% 0.0858 77.64) 12.9%, oklch(72.15% 0.0844 78.43) 16.1%, oklch(73.62% 0.0829 79.22) 19.4%, oklch(75.02% 0.0813 79.98) 22.6%, oklch(76.29% 0.0794 80.69) 25.8%, oklch(77.51% 0.0774 81.37) 29.0%, oklch(78.73% 0.0751 82.05) 32.3%, oklch(79.94% 0.0726 82.73) 35.5%, oklch(81.13% 0.0700 83.42) 38.7%, oklch(82.29% 0.0673 84.10) 41.9%, oklch(83.42% 0.0646 84.78) 45.2%, oklch(84.51% 0.0619 85.46) 48.4%, oklch(85.56% 0.0593 86.14) 51.6%, oklch(86.57% 0.0567 86.82) 54.8%, oklch(87.55% 0.0540 87.51) 58.1%, oklch(88.51% 0.0513 88.19) 61.3%, oklch(89.42% 0.0486 88.87) 64.5%, oklch(90.30% 0.0459 89.55) 67.7%, oklch(91.14% 0.0432 90.23) 71.0%, oklch(91.93% 0.0406 90.92) 74.2%, oklch(92.70% 0.0380 91.62) 77.4%, oklch(93.45% 0.0351 92.38) 80.6%, oklch(94.17% 0.0322 93.18) 83.9%, oklch(94.85% 0.0294 93.96) 87.1%, oklch(95.47% 0.0267 94.71) 90.3%, oklch(96.03% 0.0242 95.38) 93.5%, oklch(96.49% 0.0222 95.95) 96.8%, oklch(96.85% 0.0207 96.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.09 | 75.2 |
| 2 | 0.76 | 0.08 | 80.5 |
| 3 | 0.85 | 0.061 | 85.8 |
| 4 | 0.921 | 0.04 | 91.1 |
| 5 | 0.969 | 0.021 | 96.4 |

## In these collections

- [New Year's Eve color palette](https://grabient.com/new-years-eve-color-palette)

## Other forms

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