Xanh dương, xanh cổ vịt, xám và xanh dương nhạt (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt, xám và xanh dương nhạt

Gradient tuyến tính, 40 màu, góc 135°: #5f3e86, #5b756b, #48536d, #8cadc4, #597c6e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5f3e86
#58458b
#4d4e8f
#3f588f
#32628b
#2d6a84
#34707b
#417473
#4e756e
#57766c
#5b756b
#5a736a
#56706a
#506b69
#496668
#436068
#405a68
#3f5568
#415268
#44516a
#48536d
#4f5974
#57617e
#606c89
#6a7996
#7486a3
#7d92af
#849eb9
#8aa7c0
#8cadc4
#8bafc4
#87adbf
#80aab7
#79a4ad
#719da1
#6a9594
#648d88
#5f867d
#5b8074
#597c6e

CSS

background: linear-gradient(135deg in oklch, oklch(43.70% 0.1171 303.05) 0.0%, oklch(44.42% 0.1117 293.81) 2.6%, oklch(45.48% 0.1042 280.53) 5.1%, oklch(46.77% 0.0951 264.38) 7.7%, oklch(48.19% 0.0851 246.54) 10.3%, oklch(49.64% 0.0746 228.18) 12.8%, oklch(51.03% 0.0642 210.47) 15.4%, oklch(52.25% 0.0545 194.58) 17.9%, oklch(53.20% 0.0460 181.70) 20.5%, oklch(53.79% 0.0393 172.99) 23.1%, oklch(53.91% 0.0350 169.61) 25.6%, oklch(53.34% 0.0327 171.94) 28.2%, oklch(52.16% 0.0320 178.96) 30.8%, oklch(50.57% 0.0325 189.54) 33.3%, oklch(48.76% 0.0340 202.54) 35.9%, oklch(46.94% 0.0362 216.80) 38.5%, oklch(45.29% 0.0387 231.19) 41.0%, oklch(44.01% 0.0412 244.56) 43.6%, oklch(43.29% 0.0434 255.78) 46.2%, oklch(43.33% 0.0450 263.70) 48.7%, oklch(44.36% 0.0458 267.56) 51.3%, oklch(46.53% 0.0465 269.08) 53.8%, oklch(49.61% 0.0471 268.84) 56.4%, oklch(53.32% 0.0477 267.11) 59.0%, oklch(57.38% 0.0482 264.14) 61.5%, oklch(61.50% 0.0487 260.19) 64.1%, oklch(65.41% 0.0490 255.53) 66.7%, oklch(68.83% 0.0493 250.42) 69.2%, oklch(71.46% 0.0495 245.10) 71.8%, oklch(73.03% 0.0496 239.86) 74.4%, oklch(73.37% 0.0495 234.37) 76.9%, oklch(72.67% 0.0493 227.56) 79.5%, oklch(71.16% 0.0489 219.74) 82.1%, oklch(69.05% 0.0484 211.29) 84.6%, oklch(66.55% 0.0479 202.56) 87.2%, oklch(63.86% 0.0473 193.93) 89.7%, oklch(61.20% 0.0467 185.77) 92.3%, oklch(58.79% 0.0462 178.44) 94.9%, oklch(56.82% 0.0458 172.32) 97.4%, oklch(55.51% 0.0455 167.78) 100.0%);

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

Tử đằng trên tường bóng râm

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