# Near-black, bronze and stone elevation palette

Black, brown, gray and white radial gradient with 48 colors: #001005, #001105, #001405, #001704, #001a03, #001d02, #042000, #0a2200, #112400, #182600, #1e2700, #242900, #2a2b00, #2f2c00, #342e00, #382f00, #3c3100, #413200, #453300, #493400, #4e3500, #523600, #573600, #5b3707, #5f380f, #623915, #643b1c, #653d21, #654027, #63422c, #604431, #5e4736, #5c4a3c, #5d4f43, #61554a, #675d53, #70665d, #7a7168, #857c73, #90887f, #9b948b, #a7a098, #b4aea6, #c1bdb5, #cfccc5, #dcdad3, #e8e5df, #f0eee8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, brown, gray and white radial gradient
- Seed: `kcJiRuHBm96Ugu-snT0Mxm87kJQRWhcEeINCQ`
- Page: https://grabient.com/kcJiRuHBm96Ugu-snT0Mxm87kJQRWhcEeINCQ?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark to light, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#001005` | `oklch(15.00% 0.0378 154.05)` | Blackn’t | white, 19.5 to 1 |
| 2 | `#001105` | `oklch(15.67% 0.0406 152.68)` | Blackn’t | white, 19.3 to 1 |
| 3 | `#001405` | `oklch(16.58% 0.0447 150.95)` | Oil Slick | white, 19 to 1 |
| 4 | `#001704` | `oklch(17.67% 0.0501 148.84)` | Oil Slick | white, 18.7 to 1 |
| 5 | `#001a03` | `oklch(18.86% 0.0571 146.35)` | Oil Slick | white, 18.3 to 1 |
| 6 | `#001d02` | `oklch(20.07% 0.0646 143.70)` | Rainforest Nights | white, 17.8 to 1 |
| 7 | `#042000` | `oklch(21.26% 0.0680 140.38)` | Rainforest Nights | white, 17.3 to 1 |
| 8 | `#0a2200` | `oklch(22.36% 0.0676 136.86)` | Yuzu Soy | white, 16.9 to 1 |
| 9 | `#112400` | `oklch(23.43% 0.0654 132.38)` | Yuzu Soy | white, 16.4 to 1 |
| 10 | `#182600` | `oklch(24.51% 0.0634 127.27)` | Lindworm Green | white, 16 to 1 |
| 11 | `#1e2700` | `oklch(25.59% 0.0619 121.79)` | Lindworm Green | white, 15.5 to 1 |
| 12 | `#242900` | `oklch(26.66% 0.0611 116.22)` | Lindworm Green | white, 15 to 1 |
| 13 | `#2a2b00` | `oklch(27.71% 0.0608 110.82)` | Secret Passage | white, 14.6 to 1 |
| 14 | `#2f2c00` | `oklch(28.72% 0.0612 105.85)` | Secret Passage | white, 14.1 to 1 |
| 15 | `#342e00` | `oklch(29.68% 0.0620 101.50)` | Swamp of Sorrows | white, 13.7 to 1 |
| 16 | `#382f00` | `oklch(30.62% 0.0632 97.57)` | Hidden Passage | white, 13.3 to 1 |
| 17 | `#3c3100` | `oklch(31.52% 0.0646 93.92)` | Hidden Passage | white, 12.9 to 1 |
| 18 | `#413200` | `oklch(32.40% 0.0662 90.46)` | Night in the Woods | white, 12.5 to 1 |
| 19 | `#453300` | `oklch(33.26% 0.0680 87.06)` | Night in the Woods | white, 12.1 to 1 |
| 20 | `#493400` | `oklch(34.10% 0.0700 83.64)` | Night in the Woods | white, 11.7 to 1 |
| 21 | `#4e3500` | `oklch(34.92% 0.0723 80.08)` | Kyoto House | white, 11.4 to 1 |
| 22 | `#523600` | `oklch(35.74% 0.0750 76.12)` | Eyelash Camel | white, 11.1 to 1 |
| 23 | `#573600` | `oklch(36.52% 0.0782 71.75)` | Eyelash Camel | white, 10.8 to 1 |
| 24 | `#5b3707` | `oklch(37.29% 0.0777 67.13)` | Chocolate Fantasies | white, 10.4 to 1 |
| 25 | `#5f380f` | `oklch(38.05% 0.0769 62.69)` | Chocolate Fantasies | white, 10.2 to 1 |
| 26 | `#623915` | `oklch(38.79% 0.0755 58.82)` | Cassiterite Brown | white, 9.9 to 1 |
| 27 | `#643b1c` | `oklch(39.53% 0.0732 55.85)` | Cassiterite Brown | white, 9.6 to 1 |
| 28 | `#653d21` | `oklch(40.26% 0.0697 54.14)` | Cassiterite Brown | white, 9.3 to 1 |
| 29 | `#654027` | `oklch(40.76% 0.0642 53.87)` | Van Dyke Brown | white, 9.1 to 1 |
| 30 | `#63422c` | `oklch(41.05% 0.0572 54.75)` | Irish Coffee | white, 8.9 to 1 |
| 31 | `#604431` | `oklch(41.32% 0.0493 56.44)` | Boston Brown Bread | white, 8.8 to 1 |
| 32 | `#5e4736` | `oklch(41.74% 0.0412 58.59)` | Woodland Brown | white, 8.6 to 1 |
| 33 | `#5c4a3c` | `oklch(42.51% 0.0337 60.85)` | Mousy Brown | white, 8.3 to 1 |
| 34 | `#5d4f43` | `oklch(43.82% 0.0275 62.88)` | Dried Leaf | white, 7.8 to 1 |
| 35 | `#61554a` | `oklch(45.84% 0.0232 64.39)` | Beaver Pelt | white, 7.2 to 1 |
| 36 | `#675d53` | `oklch(48.54% 0.0203 65.64)` | Sausalito Ridge | white, 6.4 to 1 |
| 37 | `#70665d` | `oklch(51.77% 0.0186 66.81)` | Grouchy Badger | white, 5.5 to 1 |
| 38 | `#7a7168` | `oklch(55.39% 0.0175 67.99)` | Kindling | white, 4.7 to 1 |
| 39 | `#857c73` | `oklch(59.23% 0.0169 69.30)` | Smoky Trout | black, 5.1 to 1 |
| 40 | `#90887f` | `oklch(63.17% 0.0163 70.84)` | Gunmetal Beige | black, 6 to 1 |
| 41 | `#9b948b` | `oklch(67.04% 0.0155 72.71)` | Tabby Cat Grey | black, 7 to 1 |
| 42 | `#a7a098` | `oklch(70.94% 0.0143 75.11)` | Cloudy Today | black, 8.1 to 1 |
| 43 | `#b4aea6` | `oklch(75.34% 0.0130 78.18)` | Warm Pewter | black, 9.5 to 1 |
| 44 | `#c1bdb5` | `oklch(79.98% 0.0118 81.65)` | Ooid Sand | black, 11.2 to 1 |
| 45 | `#cfccc5` | `oklch(84.55% 0.0107 85.21)` | Chic Grey | black, 13 to 1 |
| 46 | `#dcdad3` | `oklch(88.76% 0.0097 88.56)` | Mr. Kitty | black, 14.9 to 1 |
| 47 | `#e8e5df` | `oklch(92.31% 0.0089 91.39)` | Snowed In | black, 16.7 to 1 |
| 48 | `#f0eee8` | `oklch(94.88% 0.0083 93.40)` | Cloud Dancer | black, 18 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001005 0.0%, #001105 2.1%, #001405 4.3%, #001704 6.4%, #001a03 8.5%, #001d02 10.6%, #042000 12.8%, #0a2200 14.9%, #112400 17.0%, #182600 19.1%, #1e2700 21.3%, #242900 23.4%, #2a2b00 25.5%, #2f2c00 27.7%, #342e00 29.8%, #382f00 31.9%, #3c3100 34.0%, #413200 36.2%, #453300 38.3%, #493400 40.4%, #4e3500 42.6%, #523600 44.7%, #573600 46.8%, #5b3707 48.9%, #5f380f 51.1%, #623915 53.2%, #643b1c 55.3%, #653d21 57.4%, #654027 59.6%, #63422c 61.7%, #604431 63.8%, #5e4736 66.0%, #5c4a3c 68.1%, #5d4f43 70.2%, #61554a 72.3%, #675d53 74.5%, #70665d 76.6%, #7a7168 78.7%, #857c73 80.9%, #90887f 83.0%, #9b948b 85.1%, #a7a098 87.2%, #b4aea6 89.4%, #c1bdb5 91.5%, #cfccc5 93.6%, #dcdad3 95.7%, #e8e5df 97.9%, #f0eee8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(15.00% 0.0378 154.05) 0.0%, oklch(15.67% 0.0406 152.68) 2.1%, oklch(16.58% 0.0447 150.95) 4.3%, oklch(17.67% 0.0501 148.84) 6.4%, oklch(18.86% 0.0571 146.35) 8.5%, oklch(20.07% 0.0646 143.70) 10.6%, oklch(21.26% 0.0680 140.38) 12.8%, oklch(22.36% 0.0676 136.86) 14.9%, oklch(23.43% 0.0654 132.38) 17.0%, oklch(24.51% 0.0634 127.27) 19.1%, oklch(25.59% 0.0619 121.79) 21.3%, oklch(26.66% 0.0611 116.22) 23.4%, oklch(27.71% 0.0608 110.82) 25.5%, oklch(28.72% 0.0612 105.85) 27.7%, oklch(29.68% 0.0620 101.50) 29.8%, oklch(30.62% 0.0632 97.57) 31.9%, oklch(31.52% 0.0646 93.92) 34.0%, oklch(32.40% 0.0662 90.46) 36.2%, oklch(33.26% 0.0680 87.06) 38.3%, oklch(34.10% 0.0700 83.64) 40.4%, oklch(34.92% 0.0723 80.08) 42.6%, oklch(35.74% 0.0750 76.12) 44.7%, oklch(36.52% 0.0782 71.75) 46.8%, oklch(37.29% 0.0777 67.13) 48.9%, oklch(38.05% 0.0769 62.69) 51.1%, oklch(38.79% 0.0755 58.82) 53.2%, oklch(39.53% 0.0732 55.85) 55.3%, oklch(40.26% 0.0697 54.14) 57.4%, oklch(40.76% 0.0642 53.87) 59.6%, oklch(41.05% 0.0572 54.75) 61.7%, oklch(41.32% 0.0493 56.44) 63.8%, oklch(41.74% 0.0412 58.59) 66.0%, oklch(42.51% 0.0337 60.85) 68.1%, oklch(43.82% 0.0275 62.88) 70.2%, oklch(45.84% 0.0232 64.39) 72.3%, oklch(48.54% 0.0203 65.64) 74.5%, oklch(51.77% 0.0186 66.81) 76.6%, oklch(55.39% 0.0175 67.99) 78.7%, oklch(59.23% 0.0169 69.30) 80.9%, oklch(63.17% 0.0163 70.84) 83.0%, oklch(67.04% 0.0155 72.71) 85.1%, oklch(70.94% 0.0143 75.11) 87.2%, oklch(75.34% 0.0130 78.18) 89.4%, oklch(79.98% 0.0118 81.65) 91.5%, oklch(84.55% 0.0107 85.21) 93.6%, oklch(88.76% 0.0097 88.56) 95.7%, oklch(92.31% 0.0089 91.39) 97.9%, oklch(94.88% 0.0083 93.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.05 | 154.7 |
| 2 | 0.22 | 0.07 | 137.8 |
| 3 | 0.291 | 0.09 | 104 |
| 4 | 0.35 | 0.08 | 79.7 |
| 5 | 0.402 | 0.07 | 54.3 |
| 6 | 0.449 | 0.025 | 63.8 |
| 7 | 0.681 | 0.015 | 73.3 |
| 8 | 0.949 | 0.008 | 93.4 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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