# Cream black moss glow

White, gray, black and brown radial gradient with 32 colors: #f3efe5, #efebe1, #eae6dd, #e5e0d7, #dfd9d1, #d7d1c9, #cdc8c0, #c2bdb6, #b5b1aa, #a4a29b, #90908a, #7b7d78, #666a66, #535855, #424846, #353a3a, #2b3030, #232626, #1d1d1e, #161616, #111111, #0e0e0e, #0d0d0d, #0e0f0f, #0f1716, #12241e, #1e3523, #384720, #5d5713, #856108, #a9671a, #c16a30. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, gray, black and brown radial gradient
- Seed: `kW8go_YgQ_CkCzYWAb_zi-uw`
- Page: https://grabient.com/kW8go_YgQ_CkCzYWAb_zi-uw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#f3efe5` | `oklch(95.28% 0.0138 88.59)` | Vintage White | black, 18.3 to 1 |
| 2 | `#efebe1` | `oklch(94.02% 0.0136 87.11)` | Cotton | black, 17.6 to 1 |
| 3 | `#eae6dd` | `oklch(92.55% 0.0133 84.18)` | Elk Skin | black, 16.8 to 1 |
| 4 | `#e5e0d7` | `oklch(90.81% 0.0130 80.64)` | Sunbleached | black, 15.9 to 1 |
| 5 | `#dfd9d1` | `oklch(88.75% 0.0126 77.32)` | Simple White | black, 14.9 to 1 |
| 6 | `#d7d1c9` | `oklch(86.30% 0.0122 75.07)` | Bowstring | black, 13.8 to 1 |
| 7 | `#cdc8c0` | `oklch(83.42% 0.0118 74.72)` | Vessel | black, 12.6 to 1 |
| 8 | `#c2bdb6` | `oklch(80.05% 0.0114 77.10)` | Ooid Sand | black, 11.2 to 1 |
| 9 | `#b5b1aa` | `oklch(76.11% 0.0109 83.12)` | Mercurial | black, 9.8 to 1 |
| 10 | `#a4a29b` | `oklch(71.12% 0.0104 94.08)` | Grey Gloss | black, 8.2 to 1 |
| 11 | `#90908a` | `oklch(65.20% 0.0099 109.12)` | Four-Wheel Grey | black, 6.5 to 1 |
| 12 | `#7b7d78` | `oklch(58.71% 0.0093 126.72)` | Moon Base | black, 5 to 1 |
| 13 | `#666a66` | `oklch(52.02% 0.0087 145.33)` | Fade to Black | white, 5.4 to 1 |
| 14 | `#535855` | `oklch(45.49% 0.0082 163.43)` | Addo | white, 7.2 to 1 |
| 15 | `#424846` | `oklch(39.49% 0.0076 179.49)` | Brattle Spruce | white, 9.3 to 1 |
| 16 | `#353a3a` | `oklch(34.39% 0.0071 191.96)` | Green Black | white, 11.5 to 1 |
| 17 | `#2b3030` | `oklch(30.36% 0.0064 199.92)` | Cod Grey | white, 13.4 to 1 |
| 18 | `#232626` | `oklch(26.61% 0.0043 205.82)` | Nero | white, 15.2 to 1 |
| 19 | `#1d1d1e` | `oklch(23.16% 0.0013 210.01)` | Dynamic Black | white, 16.8 to 1 |
| 20 | `#161616` | `oklch(20.19% 0.0000 89.88)` | Pot Black | white, 18 to 1 |
| 21 | `#111111` | `oklch(17.89% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |
| 22 | `#0e0e0e` | `oklch(16.45% 0.0000 89.88)` | Black Sheep | white, 19.2 to 1 |
| 23 | `#0d0d0d` | `oklch(16.06% 0.0000 89.88)` | Black Sheep | white, 19.3 to 1 |
| 24 | `#0e0f0f` | `oklch(16.90% 0.0023 198.63)` | Chaos Black | white, 19.1 to 1 |
| 25 | `#0f1716` | `oklch(19.45% 0.0118 187.47)` | Distinctive Lack of Hue | white, 18.2 to 1 |
| 26 | `#12241e` | `oklch(24.15% 0.0265 170.63)` | Black Emerald | white, 16.2 to 1 |
| 27 | `#1e3523` | `oklch(30.40% 0.0447 149.82)` | Pumpkin Green Black | white, 13.2 to 1 |
| 28 | `#384720` | `oklch(37.52% 0.0648 126.91)` | Avocado Dark Green | white, 10 to 1 |
| 29 | `#5d5713` | `oklch(44.84% 0.0851 103.77)` | Olive Brown | white, 7.4 to 1 |
| 30 | `#856108` | `oklch(51.71% 0.1040 82.26)` | Rat Brown | white, 5.6 to 1 |
| 31 | `#a9671a` | `oklch(57.46% 0.1198 64.25)` | Ancient Brandy | black, 4.6 to 1 |
| 32 | `#c16a30` | `oklch(61.42% 0.1309 51.61)` | Sesame Crunch | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3efe5 0.0%, #efebe1 3.2%, #eae6dd 6.5%, #e5e0d7 9.7%, #dfd9d1 12.9%, #d7d1c9 16.1%, #cdc8c0 19.4%, #c2bdb6 22.6%, #b5b1aa 25.8%, #a4a29b 29.0%, #90908a 32.3%, #7b7d78 35.5%, #666a66 38.7%, #535855 41.9%, #424846 45.2%, #353a3a 48.4%, #2b3030 51.6%, #232626 54.8%, #1d1d1e 58.1%, #161616 61.3%, #111111 64.5%, #0e0e0e 67.7%, #0d0d0d 71.0%, #0e0f0f 74.2%, #0f1716 77.4%, #12241e 80.6%, #1e3523 83.9%, #384720 87.1%, #5d5713 90.3%, #856108 93.5%, #a9671a 96.8%, #c16a30 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0138 88.59) 0.0%, oklch(94.02% 0.0136 87.11) 3.2%, oklch(92.55% 0.0133 84.18) 6.5%, oklch(90.81% 0.0130 80.64) 9.7%, oklch(88.75% 0.0126 77.32) 12.9%, oklch(86.30% 0.0122 75.07) 16.1%, oklch(83.42% 0.0118 74.72) 19.4%, oklch(80.05% 0.0114 77.10) 22.6%, oklch(76.11% 0.0109 83.12) 25.8%, oklch(71.12% 0.0104 94.08) 29.0%, oklch(65.20% 0.0099 109.12) 32.3%, oklch(58.71% 0.0093 126.72) 35.5%, oklch(52.02% 0.0087 145.33) 38.7%, oklch(45.49% 0.0082 163.43) 41.9%, oklch(39.49% 0.0076 179.49) 45.2%, oklch(34.39% 0.0071 191.96) 48.4%, oklch(30.36% 0.0064 199.92) 51.6%, oklch(26.61% 0.0043 205.82) 54.8%, oklch(23.16% 0.0013 210.01) 58.1%, oklch(20.19% 0.0000 89.88) 61.3%, oklch(17.89% 0.0000 89.88) 64.5%, oklch(16.45% 0.0000 89.88) 67.7%, oklch(16.06% 0.0000 89.88) 71.0%, oklch(16.90% 0.0023 198.63) 74.2%, oklch(19.45% 0.0118 187.47) 77.4%, oklch(24.15% 0.0265 170.63) 80.6%, oklch(30.40% 0.0447 149.82) 83.9%, oklch(37.52% 0.0648 126.91) 87.1%, oklch(44.84% 0.0851 103.77) 90.3%, oklch(51.71% 0.1040 82.26) 93.5%, oklch(57.46% 0.1198 64.25) 96.8%, oklch(61.42% 0.1309 51.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.014 | 88.6 |
| 2 | 0.772 | 0.011 | 81.2 |
| 3 | 0.323 | 0.007 | 196.4 |
| 4 | 0.173 | 0.004 | 196.4 |
| 5 | 0.614 | 0.131 | 51.6 |

## In these collections

- [SoHo chic colors](https://grabient.com/soho-chic-colors)

## Other forms

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