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

Xám sang xanh dương (đơn sắc): bảng màu gồm 32 màu. #bbbbbb, #94a2b5, #6186a5, #536891, #514c77. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#bbbbbb
#b8b9ba
#b5b6ba
#b1b3b9
#acb0b9
#a7adb8
#a1aab7
#9aa6b6
#94a2b5
#8d9fb3
#869bb2
#7e98b0
#7794ae
#7190ac
#6b8daa
#6589a7
#6186a5
#5e82a3
#5a7ea0
#587a9e
#56759b
#557198
#546c94
#536891
#53638d
#535f8a
#535b86
#535783
#52547f
#52517c
#524e79
#514c77

CSS

background: linear-gradient(180deg in oklch, oklch(79.13% 0.0000 89.88) 0.0%, oklch(78.47% 0.0024 269.61) 3.2%, oklch(77.67% 0.0054 268.07) 6.5%, oklch(76.75% 0.0089 266.18) 9.7%, oklch(75.72% 0.0129 264.01) 12.9%, oklch(74.59% 0.0173 261.64) 16.1%, oklch(73.39% 0.0220 259.15) 19.4%, oklch(72.12% 0.0268 256.61) 22.6%, oklch(70.80% 0.0317 254.10) 25.8%, oklch(69.46% 0.0366 251.71) 29.0%, oklch(68.10% 0.0415 249.50) 32.3%, oklch(66.74% 0.0461 247.57) 35.5%, oklch(65.39% 0.0504 245.98) 38.7%, oklch(64.08% 0.0544 244.82) 41.9%, oklch(62.81% 0.0579 244.16) 45.2%, oklch(61.60% 0.0608 244.08) 48.4%, oklch(60.45% 0.0631 244.67) 51.6%, oklch(59.27% 0.0650 245.97) 54.8%, oklch(58.04% 0.0665 247.91) 58.1%, oklch(56.79% 0.0677 250.39) 61.3%, oklch(55.52% 0.0686 253.32) 64.5%, oklch(54.24% 0.0692 256.61) 67.7%, oklch(52.98% 0.0697 260.16) 71.0%, oklch(51.73% 0.0700 263.88) 74.2%, oklch(50.52% 0.0701 267.68) 77.4%, oklch(49.36% 0.0701 271.46) 80.6%, oklch(48.26% 0.0701 275.14) 83.9%, oklch(47.23% 0.0701 278.62) 87.1%, oklch(46.29% 0.0700 281.80) 90.3%, oklch(45.44% 0.0700 284.60) 93.5%, oklch(44.71% 0.0701 286.92) 96.8%, oklch(44.09% 0.0703 288.67) 100.0%);

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

Sọc màu tông lạnh Gradient trung tính dịu Sọc màu xanh dương và tím Gradient nền ứng 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