# Soft graphite folded gradient

Gray to dark gray angular gradient with 34 colors: #696a6c, #696a6d, #6a6b6e, #6b6c6f, #6c6d70, #6d6f71, #6f7073, #707174, #707175, #717276, #717276, #707276, #6f7176, #6e7075, #6d6e74, #6b6d74, #696b72, #676971, #656670, #63646e, #60616c, #5e5e6a, #5b5b67, #585865, #545461, #50505e, #4c4c5a, #474756, #434352, #3f3f4e, #3b3b4a, #383847, #353544, #333342. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray to dark gray angular gradient
- Seed: `kUhQO_RgLAbyHQSpikAA`
- Page: https://grabient.com/kUhQO_RgLAbyHQSpikAA?style=angularGradient&steps=34
- Drawn as: angular gradient, 34 steps, 90 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 2.5 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 | `#696a6c` | `oklch(52.36% 0.0041 268.59)` | Liberty Bell Grey | white, 5.4 to 1 |
| 2 | `#696a6d` | `oklch(52.55% 0.0042 268.80)` | Liberty Bell Grey | white, 5.3 to 1 |
| 3 | `#6a6b6e` | `oklch(52.83% 0.0043 269.02)` | Liberty Bell Grey | white, 5.3 to 1 |
| 4 | `#6b6c6f` | `oklch(53.19% 0.0044 269.27)` | Platinum Grey | white, 5.2 to 1 |
| 5 | `#6c6d70` | `oklch(53.59% 0.0045 269.55)` | Platinum Grey | white, 5.1 to 1 |
| 6 | `#6d6f71` | `oklch(54.01% 0.0047 269.87)` | Smoked Pearl | white, 5 to 1 |
| 7 | `#6f7073` | `oklch(54.40% 0.0048 270.23)` | Antique Tin | white, 4.9 to 1 |
| 8 | `#707174` | `oklch(54.75% 0.0051 270.64)` | Antique Tin | white, 4.9 to 1 |
| 9 | `#707175` | `oklch(55.03% 0.0054 271.10)` | Antique Tin | white, 4.8 to 1 |
| 10 | `#717276` | `oklch(55.20% 0.0058 271.61)` | Paris Paving | white, 4.8 to 1 |
| 11 | `#717276` | `oklch(55.24% 0.0063 272.18)` | Paris Paving | white, 4.8 to 1 |
| 12 | `#707276` | `oklch(55.12% 0.0069 272.82)` | Improbable | white, 4.8 to 1 |
| 13 | `#6f7176` | `oklch(54.85% 0.0077 273.58)` | High-Speed Steel | white, 4.8 to 1 |
| 14 | `#6e7075` | `oklch(54.48% 0.0086 274.48)` | High-Speed Steel | white, 4.9 to 1 |
| 15 | `#6d6e74` | `oklch(54.02% 0.0097 275.50)` | High-Speed Steel | white, 5 to 1 |
| 16 | `#6b6d74` | `oklch(53.47% 0.0109 276.60)` | Dolphin Dream | white, 5.1 to 1 |
| 17 | `#696b72` | `oklch(52.83% 0.0121 277.73)` | Plum Charcoal | white, 5.3 to 1 |
| 18 | `#676971` | `oklch(52.12% 0.0134 278.87)` | Quiet Shade | white, 5.4 to 1 |
| 19 | `#656670` | `oklch(51.34% 0.0147 279.98)` | Eventide | white, 5.6 to 1 |
| 20 | `#63646e` | `oklch(50.49% 0.0159 281.02)` | Eventide | white, 5.8 to 1 |
| 21 | `#60616c` | `oklch(49.59% 0.0172 281.96)` | Script Ink | white, 6.1 to 1 |
| 22 | `#5e5e6a` | `oklch(48.64% 0.0183 282.76)` | Smoky | white, 6.3 to 1 |
| 23 | `#5b5b67` | `oklch(47.64% 0.0193 283.39)` | Legacy | white, 6.6 to 1 |
| 24 | `#585865` | `oklch(46.50% 0.0202 283.85)` | Veiled Vinyl | white, 7 to 1 |
| 25 | `#545461` | `oklch(45.17% 0.0212 284.17)` | Black Dragon’s Cauldron | white, 7.4 to 1 |
| 26 | `#50505e` | `oklch(43.69% 0.0221 284.39)` | Night Night | white, 7.9 to 1 |
| 27 | `#4c4c5a` | `oklch(42.12% 0.0229 284.52)` | Deep Mystery | white, 8.4 to 1 |
| 28 | `#474756` | `oklch(40.50% 0.0238 284.57)` | Gun Powder | white, 9 to 1 |
| 29 | `#434352` | `oklch(38.89% 0.0246 284.57)` | Flintstone Blue | white, 9.7 to 1 |
| 30 | `#3f3f4e` | `oklch(37.33% 0.0253 284.54)` | Blueberry Tart | white, 10.3 to 1 |
| 31 | `#3b3b4a` | `oklch(35.88% 0.0260 284.49)` | Mountain Fig | white, 10.9 to 1 |
| 32 | `#383847` | `oklch(34.59% 0.0266 284.45)` | Martinique | white, 11.5 to 1 |
| 33 | `#353544` | `oklch(33.50% 0.0271 284.42)` | Sceptre Blue | white, 12 to 1 |
| 34 | `#333342` | `oklch(32.68% 0.0276 284.45)` | Parisian Night | white, 12.4 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #696a6c 0.0%, #696a6d 3.0%, #6a6b6e 6.1%, #6b6c6f 9.1%, #6c6d70 12.1%, #6d6f71 15.2%, #6f7073 18.2%, #707174 21.2%, #707175 24.2%, #717276 27.3%, #717276 30.3%, #707276 33.3%, #6f7176 36.4%, #6e7075 39.4%, #6d6e74 42.4%, #6b6d74 45.5%, #696b72 48.5%, #676971 51.5%, #656670 54.5%, #63646e 57.6%, #60616c 60.6%, #5e5e6a 63.6%, #5b5b67 66.7%, #585865 69.7%, #545461 72.7%, #50505e 75.8%, #4c4c5a 78.8%, #474756 81.8%, #434352 84.8%, #3f3f4e 87.9%, #3b3b4a 90.9%, #383847 93.9%, #353544 97.0%, #333342 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(52.36% 0.0041 268.59) 0.0%, oklch(52.55% 0.0042 268.80) 3.0%, oklch(52.83% 0.0043 269.02) 6.1%, oklch(53.19% 0.0044 269.27) 9.1%, oklch(53.59% 0.0045 269.55) 12.1%, oklch(54.01% 0.0047 269.87) 15.2%, oklch(54.40% 0.0048 270.23) 18.2%, oklch(54.75% 0.0051 270.64) 21.2%, oklch(55.03% 0.0054 271.10) 24.2%, oklch(55.20% 0.0058 271.61) 27.3%, oklch(55.24% 0.0063 272.18) 30.3%, oklch(55.12% 0.0069 272.82) 33.3%, oklch(54.85% 0.0077 273.58) 36.4%, oklch(54.48% 0.0086 274.48) 39.4%, oklch(54.02% 0.0097 275.50) 42.4%, oklch(53.47% 0.0109 276.60) 45.5%, oklch(52.83% 0.0121 277.73) 48.5%, oklch(52.12% 0.0134 278.87) 51.5%, oklch(51.34% 0.0147 279.98) 54.5%, oklch(50.49% 0.0159 281.02) 57.6%, oklch(49.59% 0.0172 281.96) 60.6%, oklch(48.64% 0.0183 282.76) 63.6%, oklch(47.64% 0.0193 283.39) 66.7%, oklch(46.50% 0.0202 283.85) 69.7%, oklch(45.17% 0.0212 284.17) 72.7%, oklch(43.69% 0.0221 284.39) 75.8%, oklch(42.12% 0.0229 284.52) 78.8%, oklch(40.50% 0.0238 284.57) 81.8%, oklch(38.89% 0.0246 284.57) 84.8%, oklch(37.33% 0.0253 284.54) 87.9%, oklch(35.88% 0.0260 284.49) 90.9%, oklch(34.59% 0.0266 284.45) 93.9%, oklch(33.50% 0.0271 284.42) 97.0%, oklch(32.68% 0.0276 284.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.004 | 268.6 |
| 2 | 0.551 | 0.007 | 272.8 |
| 3 | 0.476 | 0.019 | 283.4 |
| 4 | 0.327 | 0.028 | 284.4 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)

## Other forms

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