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

Gradient tuyến tính, 32 màu, góc 90°: #132c72, #285dae, #5a95d9, #83bbdf, #aec5c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#132c72
#142f77
#16347c
#193a83
#1b408b
#1e4794
#214e9d
#2455a5
#285dae
#2c64b6
#306cbc
#3572c2
#3b79c7
#4280cc
#4a87d1
#528ed5
#5a95d9
#619cdd
#68a2df
#6fa8e1
#75aee2
#7ab2e3
#7eb7e2
#83bbdf
#88bedc
#8ec0d8
#94c2d4
#9ac3d0
#a0c4cd
#a6c4cb
#aac5c9
#aec5c8

CSS

background: linear-gradient(90deg in oklch, oklch(32.28% 0.1254 265.08) 0.0%, oklch(33.53% 0.1265 264.60) 3.2%, oklch(35.14% 0.1283 264.01) 6.5%, oklch(37.03% 0.1305 263.31) 9.7%, oklch(39.16% 0.1330 262.52) 12.9%, oklch(41.46% 0.1355 261.66) 16.1%, oklch(43.86% 0.1378 260.75) 19.4%, oklch(46.31% 0.1397 259.81) 22.6%, oklch(48.73% 0.1410 258.84) 25.8%, oklch(51.06% 0.1415 257.88) 29.0%, oklch(53.25% 0.1410 256.93) 32.3%, oklch(55.30% 0.1393 256.06) 35.5%, oklch(57.41% 0.1368 255.36) 38.7%, oklch(59.56% 0.1334 254.78) 41.9%, oklch(61.72% 0.1294 254.23) 45.2%, oklch(63.86% 0.1248 253.65) 48.4%, oklch(65.94% 0.1198 252.96) 51.6%, oklch(67.94% 0.1145 252.08) 54.8%, oklch(69.82% 0.1089 250.94) 58.1%, oklch(71.55% 0.1032 249.46) 61.3%, oklch(73.10% 0.0975 247.58) 64.5%, oklch(74.44% 0.0918 245.19) 67.7%, oklch(75.58% 0.0854 242.03) 71.0%, oklch(76.56% 0.0783 238.20) 74.2%, oklch(77.40% 0.0707 233.88) 77.4%, oklch(78.11% 0.0628 229.26) 80.6%, oklch(78.71% 0.0550 224.53) 83.9%, oklch(79.22% 0.0475 219.88) 87.1%, oklch(79.66% 0.0404 215.51) 90.3%, oklch(80.04% 0.0341 211.59) 93.5%, oklch(80.38% 0.0288 208.33) 96.8%, oklch(80.71% 0.0248 205.90) 100.0%);

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

Áp phích nhạc chảo thép

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