Monochrome gray to blue linear gradient

Monochrome gray to blue palette with 32 colors. #d3d4d7, #aabdd3, #75a1c6, #5e83b2, #53669c. Edit and export CSS, SVG, PNG or a shader.

32 colors, 3 editable OKLCH keyframes.

#d3d4d7
#d0d2d7
#ccd0d6
#c8cdd6
#c3cad6
#bdc7d5
#b7c4d5
#b1c1d4
#aabdd3
#a3bad2
#9cb6d1
#94b2d0
#8dafce
#86abcc
#80a8ca
#7aa4c8
#75a1c6
#719dc4
#6d99c1
#6995bf
#6590bc
#628cb9
#6087b5
#5e83b2
#5c7eaf
#5a7aab
#5976a8
#5772a5
#566ea2
#556ba0
#54699e
#53669c

CSS

background: linear-gradient(135deg in oklch, oklch(87.01% 0.0041 262.97) 0.0%, oklch(86.38% 0.0067 262.24) 3.2%, oklch(85.62% 0.0099 261.23) 6.5%, oklch(84.75% 0.0137 260.00) 9.7%, oklch(83.78% 0.0180 258.59) 12.9%, oklch(82.72% 0.0227 257.05) 16.1%, oklch(81.58% 0.0277 255.43) 19.4%, oklch(80.38% 0.0329 253.77) 22.6%, oklch(79.14% 0.0382 252.13) 25.8%, oklch(77.86% 0.0435 250.54) 29.0%, oklch(76.56% 0.0487 249.06) 32.3%, oklch(75.26% 0.0538 247.74) 35.5%, oklch(73.97% 0.0585 246.63) 38.7%, oklch(72.69% 0.0629 245.76) 41.9%, oklch(71.45% 0.0668 245.19) 45.2%, oklch(70.26% 0.0702 244.97) 48.4%, oklch(69.11% 0.0730 245.14) 51.6%, oklch(67.91% 0.0753 245.73) 54.8%, oklch(66.66% 0.0774 246.67) 58.1%, oklch(65.36% 0.0792 247.92) 61.3%, oklch(64.04% 0.0807 249.44) 64.5%, oklch(62.71% 0.0820 251.15) 67.7%, oklch(61.38% 0.0830 253.03) 71.0%, oklch(60.07% 0.0839 255.00) 74.2%, oklch(58.79% 0.0847 257.03) 77.4%, oklch(57.56% 0.0853 259.05) 80.6%, oklch(56.39% 0.0859 261.02) 83.9%, oklch(55.29% 0.0864 262.89) 87.1%, oklch(54.29% 0.0868 264.59) 90.3%, oklch(53.39% 0.0872 266.09) 93.5%, oklch(52.61% 0.0877 267.33) 96.8%, oklch(51.97% 0.0882 268.25) 100.0%);

In these collections

White swatches Zoom background gradients Ocean swatches Blue swatches