# Silver, off-white and champagne color palette

The Silver, off-white and champagne color palette brings together light gray and off-white. The colors span a narrow lightness range, combining near-neutral color with gentle contrast. Its quiet and understated character suits brand mood boards and editorial graphics. Its darkest tone is light gray, and its lightest tone is off-white.

- Also called: Gray to white linear gradient
- Seed: `kS0QRBc4G_3uEP4`
- Page: https://grabient.com/kS0QRBc4G_3uEP4?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: neutral, light
- Hues: achromatic
- Contrast of its darkest and lightest colors: 1.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 | `#c6c5c1` | `oklch(82.28% 0.0055 91.41)` | Fortitude | black, 12.1 to 1 |
| 2 | `#c7c6c2` | `oklch(82.60% 0.0054 91.37)` | Brume | black, 12.2 to 1 |
| 3 | `#c8c7c3` | `oklch(82.99% 0.0053 91.34)` | Bleaches | black, 12.4 to 1 |
| 4 | `#cac9c5` | `oklch(83.45% 0.0052 91.30)` | Gentle Rain | black, 12.6 to 1 |
| 5 | `#cbcac7` | `oklch(83.96% 0.0050 91.26)` | Gentle Rain | black, 12.8 to 1 |
| 6 | `#cdccc9` | `oklch(84.52% 0.0049 91.22)` | Passive | black, 13 to 1 |
| 7 | `#cfcecb` | `oklch(85.12% 0.0047 91.17)` | Pewter Vase | black, 13.3 to 1 |
| 8 | `#d1d0cd` | `oklch(85.74% 0.0045 91.12)` | Halation | black, 13.6 to 1 |
| 9 | `#d3d2cf` | `oklch(86.38% 0.0044 91.06)` | Thundersnow | black, 13.8 to 1 |
| 10 | `#d5d4d1` | `oklch(87.04% 0.0042 91.00)` | Light Bleaches | black, 14.1 to 1 |
| 11 | `#d7d6d3` | `oklch(87.69% 0.0041 90.92)` | Woodland Wildflower | black, 14.4 to 1 |
| 12 | `#d9d8d6` | `oklch(88.34% 0.0040 90.84)` | Winter Morn | black, 14.7 to 1 |
| 13 | `#dbdad8` | `oklch(88.98% 0.0039 90.75)` | Subtle Touch | black, 15 to 1 |
| 14 | `#dddcda` | `oklch(89.59% 0.0039 90.65)` | Grey Ghost | black, 15.3 to 1 |
| 15 | `#dfdedc` | `oklch(90.16% 0.0039 90.54)` | White Lie | black, 15.6 to 1 |
| 16 | `#e1e0dd` | `oklch(90.70% 0.0041 90.42)` | Ghosted | black, 15.9 to 1 |
| 17 | `#e3e2df` | `oklch(91.19% 0.0042 90.28)` | Spilled Cappuccino | black, 16.1 to 1 |
| 18 | `#e4e3e0` | `oklch(91.67% 0.0045 90.11)` | Arctic Cotton | black, 16.4 to 1 |
| 19 | `#e6e5e1` | `oklch(92.16% 0.0049 89.92)` | Apollo Landing | black, 16.6 to 1 |
| 20 | `#e8e7e3` | `oklch(92.65% 0.0053 89.71)` | Cat’s Cream | black, 16.9 to 1 |
| 21 | `#eae8e4` | `oklch(93.13% 0.0057 89.49)` | Faded Grey | black, 17.1 to 1 |
| 22 | `#ebeae5` | `oklch(93.61% 0.0062 89.25)` | Blanco | black, 17.4 to 1 |
| 23 | `#edebe6` | `oklch(94.08% 0.0068 89.01)` | Sweet Vanilla | black, 17.6 to 1 |
| 24 | `#efede7` | `oklch(94.53% 0.0074 88.76)` | Hacienda White | black, 17.8 to 1 |
| 25 | `#f0eee8` | `oklch(94.96% 0.0079 88.51)` | Cloud Dancer | black, 18.1 to 1 |
| 26 | `#f2efe9` | `oklch(95.37% 0.0085 88.27)` | Fuji Snow | black, 18.3 to 1 |
| 27 | `#f3f1ea` | `oklch(95.76% 0.0090 88.04)` | Pearl Sugar | black, 18.5 to 1 |
| 28 | `#f5f2eb` | `oklch(96.12% 0.0095 87.82)` | Bit of Sugar | black, 18.7 to 1 |
| 29 | `#f6f3ec` | `oklch(96.46% 0.0100 87.63)` | Decorator White | black, 18.9 to 1 |
| 30 | `#f7f4ed` | `oklch(96.76% 0.0104 87.45)` | Crystal Cut | black, 19.1 to 1 |
| 31 | `#f8f5ed` | `oklch(97.02% 0.0108 87.30)` | Snow Day | black, 19.2 to 1 |
| 32 | `#f9f6ee` | `oklch(97.24% 0.0110 87.18)` | Foggy Pith | black, 19.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c6c5c1 0.0%, #c7c6c2 3.2%, #c8c7c3 6.5%, #cac9c5 9.7%, #cbcac7 12.9%, #cdccc9 16.1%, #cfcecb 19.4%, #d1d0cd 22.6%, #d3d2cf 25.8%, #d5d4d1 29.0%, #d7d6d3 32.3%, #d9d8d6 35.5%, #dbdad8 38.7%, #dddcda 41.9%, #dfdedc 45.2%, #e1e0dd 48.4%, #e3e2df 51.6%, #e4e3e0 54.8%, #e6e5e1 58.1%, #e8e7e3 61.3%, #eae8e4 64.5%, #ebeae5 67.7%, #edebe6 71.0%, #efede7 74.2%, #f0eee8 77.4%, #f2efe9 80.6%, #f3f1ea 83.9%, #f5f2eb 87.1%, #f6f3ec 90.3%, #f7f4ed 93.5%, #f8f5ed 96.8%, #f9f6ee 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.28% 0.0055 91.41) 0.0%, oklch(82.60% 0.0054 91.37) 3.2%, oklch(82.99% 0.0053 91.34) 6.5%, oklch(83.45% 0.0052 91.30) 9.7%, oklch(83.96% 0.0050 91.26) 12.9%, oklch(84.52% 0.0049 91.22) 16.1%, oklch(85.12% 0.0047 91.17) 19.4%, oklch(85.74% 0.0045 91.12) 22.6%, oklch(86.38% 0.0044 91.06) 25.8%, oklch(87.04% 0.0042 91.00) 29.0%, oklch(87.69% 0.0041 90.92) 32.3%, oklch(88.34% 0.0040 90.84) 35.5%, oklch(88.98% 0.0039 90.75) 38.7%, oklch(89.59% 0.0039 90.65) 41.9%, oklch(90.16% 0.0039 90.54) 45.2%, oklch(90.70% 0.0041 90.42) 48.4%, oklch(91.19% 0.0042 90.28) 51.6%, oklch(91.67% 0.0045 90.11) 54.8%, oklch(92.16% 0.0049 89.92) 58.1%, oklch(92.65% 0.0053 89.71) 61.3%, oklch(93.13% 0.0057 89.49) 64.5%, oklch(93.61% 0.0062 89.25) 67.7%, oklch(94.08% 0.0068 89.01) 71.0%, oklch(94.53% 0.0074 88.76) 74.2%, oklch(94.96% 0.0079 88.51) 77.4%, oklch(95.37% 0.0085 88.27) 80.6%, oklch(95.76% 0.0090 88.04) 83.9%, oklch(96.12% 0.0095 87.82) 87.1%, oklch(96.46% 0.0100 87.63) 90.3%, oklch(96.76% 0.0104 87.45) 93.5%, oklch(97.02% 0.0108 87.30) 96.8%, oklch(97.24% 0.0110 87.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.006 | 91.4 |
| 2 | 0.909 | 0.004 | 90.3 |
| 3 | 0.972 | 0.011 | 87.2 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Gray gradients](https://grabient.com/gray-gradients)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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