Xám sang xanh dương (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #d3d4d7, #aabdd3, #75a1c6, #5e83b2, #53669c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

3 keyframe OKLCH chỉnh sửa được.

#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%);

Trong các bộ sưu tập này

Sọc màu trắng Sọc màu xanh dương Gradient nền Zoom Sọc màu đại dương

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động