# Black and white gradients

Black, charcoal, gray, silver, and white move between deep shadow, soft midtones, and bright near-white stops.

- Page: https://grabient.com/black-and-white-gradients
- Palettes: 14
- Tags: black and white, black, gray, white, monochrome, neutral
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Near-black, gray and off-white color palette](https://grabient.com/kSBQAAP4A__2AP-?steps=32): linear gradient, `#000000` `#000000` `#010101` `#020202` `#040404` `#090909` `#0f0f0f` `#171717` `#1f1f1f` `#272727` `#303030` `#393939` `#434343` `#4c4c4c` `#555555` `#5f5f5f` `#686868` `#717171` `#7b7b7b` `#868686` `#919191` `#9c9c9c` `#a7a7a7` `#b3b3b3` `#bebebe` `#c8c8c8` `#d3d3d3` `#dddddd` `#e6e6e6` `#eeeeee` `#f5f5f5` `#fbfbfb`
2. [Near-black and off-white color palette](https://grabient.com/kWAwAAC4A_5mAP-1gD__IA_4?steps=32&angle=180): linear gradient, `#000000` `#000000` `#000000` `#000000` `#000000` `#010101` `#010101` `#020202` `#030303` `#040404` `#050505` `#070707` `#090909` `#0c0c0c` `#101010` `#141414` `#191919` `#1d1d1d` `#222222` `#272727` `#2e2e2e` `#353535` `#3e3e3e` `#4a4a4a` `#595959` `#6d6d6d` `#858585` `#9f9f9f` `#bababa` `#d3d3d3` `#e9e9e9` `#f8f8f8`
3. [Black and White: Near-black and silver](https://grabient.com/kWBQAASYA_-gAP_2AD__wA_4?steps=32&angle=135): linear gradient, `#000000` `#010101` `#080808` `#181818` `#2c2c2c` `#434343` `#595959` `#6d6d6d` `#7d7d7d` `#8b8b8b` `#979797` `#a1a1a1` `#aaaaaa` `#b2b2b2` `#b9b9b9` `#c0c0c0` `#c7c7c7` `#cdcdcd` `#d3d3d3` `#d7d7d7` `#dbdbdb` `#dfdfdf` `#e3e3e3` `#e6e6e6` `#eaeaea` `#eeeeee` `#f2f2f2` `#f5f5f5` `#f8f8f8` `#fbfbfb` `#fdfdfd` `#ffffff`
4. [Off-white and near-black black and white palette](https://grabient.com/kW_gAAToA_56AP-KAD_gYA_4?style=radialGradient&steps=32&angle=0): radial gradient, `#ffffff` `#f5f5f5` `#e7e7e7` `#d7d7d7` `#c6c6c6` `#b4b4b4` `#a2a2a2` `#919191` `#828282` `#737373` `#646464` `#555555` `#464646` `#393939` `#2e2e2e` `#242424` `#1b1b1b` `#151515` `#0f0f0f` `#0b0b0b` `#070707` `#050505` `#030303` `#020202` `#010101` `#010101` `#000000` `#000000` `#000000` `#000000` `#000000` `#000000`
5. [Near-black and gray color palette](https://grabient.com/kUAAAAFwA__oAP_EgD_g?style=radialGradient&steps=32&angle=180): radial gradient, `#000000` `#000000` `#000000` `#000000` `#000000` `#000000` `#010101` `#010101` `#030303` `#070707` `#0f0f0f` `#1a1a1a` `#2a2a2a` `#3f3f3f` `#595959` `#747474` `#919191` `#adadad` `#c7c7c7` `#dddddd` `#ececec` `#f3f3f3` `#f2f2f2` `#eaeaea` `#dddddd` `#cdcdcd` `#bababa` `#a7a7a7` `#949494` `#848484` `#777777` `#6e6e6e`
6. [Near-black and off-white black and white palette](https://grabient.com/kWAAAAegA_5wAP_bgD__wA_4?style=angularGradient&steps=32&angle=45): angular gradient, `#000000` `#020202` `#1b1b1b` `#424242` `#717171` `#a0a0a0` `#cacaca` `#e8e8e8` `#f2f2f2` `#e6e6e6` `#c8c8c8` `#a0a0a0` `#767676` `#4f4f4f` `#313131` `#1e1e1e` `#1a1a1a` `#202020` `#2d2d2d` `#414141` `#595959` `#737373` `#8c8c8c` `#a0a0a0` `#b0b0b0` `#bfbfbf` `#cdcdcd` `#d9d9d9` `#e5e5e5` `#efefef` `#f8f8f8` `#ffffff`
7. [Black and White: Near-black and silver](https://grabient.com/kYBQBEpYBAUgAP7ogD__YBAP8AP6?style=radialGradient&steps=32): radial gradient, `#000000` `#000000` `#020202` `#080808` `#131313` `#1f1f1f` `#2a2a2a` `#353535` `#414141` `#4d4d4d` `#595959` `#656565` `#717171` `#7e7e7e` `#8b8b8b` `#989898` `#a5a5a5` `#b2b2b2` `#bebebe` `#c9c9c9` `#d4d4d4` `#dedede` `#e7e7e7` `#f0f0f0` `#f7f7f7` `#fcfcfc` `#ffffff` `#ffffff` `#ffffff` `#ffffff` `#ffffff` `#ffffff`
8. [Silver well gradient](https://grabient.com/kW7ABAWQA_66AP-WAD_5AA_4?steps=32&angle=45): linear gradient, `#e7e7e7` `#e2e2e2` `#dadada` `#d1d1d1` `#c8c8c8` `#bdbdbd` `#b2b2b2` `#a7a7a7` `#9c9c9c` `#8f8f8f` `#828282` `#757575` `#676767` `#5a5a5a` `#4e4e4e` `#434343` `#3a3a3a` `#303030` `#252525` `#1b1b1b` `#141414` `#0e0e0e` `#0d0d0d` `#0f0f0f` `#171717` `#262626` `#3c3c3c` `#575757` `#747474` `#909090` `#a8a8a8` `#bababa`
9. [White charcoal return gradient](https://grabient.com/kW-QBAWAA_6KAP_IgD_-IA_4?steps=32&angle=135): linear gradient, `#f8f8f8` `#f1f1f1` `#e8e8e8` `#dddddd` `#d0d0d0` `#c3c3c3` `#b5b5b5` `#a7a7a7` `#989898` `#878787` `#747474` `#606060` `#4d4d4d` `#3d3d3d` `#303030` `#282828` `#262626` `#2a2a2a` `#313131` `#3b3b3b` `#484848` `#575757` `#666666` `#747474` `#828282` `#929292` `#a3a3a3` `#b4b4b4` `#c6c6c6` `#d6d6d6` `#e4e4e4` `#eeeeee`
10. [Plum black to pearl](https://grabient.com/kWIwzkoQxA0sLwByBkA_YO_w?steps=32&angle=45): linear gradient, `#0c070d` `#0e080f` `#100911` `#140b14` `#170e18` `#1c111c` `#211521` `#271a27` `#2f202e` `#382837` `#433241` `#4e3d4d` `#5b4a59` `#685666` `#766474` `#837180` `#8f7d8d` `#9c8a99` `#a998a6` `#b6a6b3` `#c2b4c0` `#cec1cc` `#d9cdd7` `#e2d7e0` `#eadfe8` `#efe6ee` `#f4ebf2` `#f7eff6` `#faf2f9` `#fcf5fb` `#fef7fc` `#fff9fe`
11. [Amber black to ivory](https://grabient.com/kWJgo3JAu_EqPQNxikBfQZAY?steps=32&angle=120): linear gradient, `#0e0a05` `#110c06` `#140e07` `#181108` `#1c140a` `#21180d` `#271d10` `#2e2214` `#36291a` `#3f3120` `#493a28` `#544431` `#604f3a` `#6c5b45` `#786750` `#84745b` `#908067` `#9d8c74` `#aa9a82` `#b7a891` `#c3b59f` `#cfc2ad` `#daceba` `#e4d8c6` `#ebe0cf` `#f1e7d6` `#f5ecdc` `#f8f0e1` `#faf3e5` `#fcf5e8` `#fdf7eb` `#fff9ee`
12. [Black to gray](https://grabient.com/kYOARCsAE88QEQBYh73bAe69GMu8?steps=32&angle=135): linear gradient, `#1b1b18` `#1f1e1c` `#252422` `#2b2a28` `#333130` `#3a3938` `#41403f` `#484745` `#504e4c` `#575452` `#5f5b58` `#66625e` `#6e6964` `#77716b` `#7f7871` `#887f78` `#91877f` `#9a8e86` `#a3968d` `#ac9d96` `#b7a7a0` `#c2b1ac` `#ccbbb8` `#d5c3c2` `#dac8c9` `#dbc8cb` `#d5c1c6` `#cab6bd` `#bda8b1` `#af99a6` `#a38d9c` `#9a8595`
13. [Gray](https://grabient.com/kaewAwvYDAD2CQBPg7_5IS_-SEv_khL_g?style=angularGradient&steps=14&angle=180): angular gradient, `#5f5f5f` `#5f5f5e` `#5f5f5e` `#5e5d5b` `#5e5c5a` `#6b6764` `#807c77` `#98938d` `#b3ada7` `#c3bdb5` `#c3bcb5` `#c0bab3` `#c0bab3` `#c0bab3`
14. [Black burgundy gray horizon](https://grabient.com/kSMj4LyIhJ-8C1C?steps=6&angle=180): linear gradient, `#300008` `#4e271a` `#6c604d` `#898f85` `#b0b8ba` `#d4d5da`

## Other forms

- [JSON](https://grabient.com/api/collections/black-and-white-gradients)
- [ASE](https://grabient.com/black-and-white-gradients.ase)
- [GPL](https://grabient.com/black-and-white-gradients.gpl)
- [GRD](https://grabient.com/black-and-white-gradients.grd)
- [Design tokens](https://grabient.com/black-and-white-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=black-and-white-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=black-and-white-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)