Xanh cổ vịt, xanh xám, xanh dương và xám đậm (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 135°: #437575, #7096a6, #5a7094, #313d5b, #383b3d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#437575
#487979
#4e7e80
#568589
#5e8b91
#659099
#6a949f
#6d96a3
#7096a6
#7195a8
#7292a9
#728fa9
#718ba7
#6e86a4
#6980a0
#62789a
#5a7094
#52678d
#4c5f85
#46587e
#405176
#3b4a6d
#354364
#313d5b
#2d3854
#2a364e
#293549
#2a3646
#2d3843
#313940
#353b3f
#383b3d

CSS

background: conic-gradient(from 135deg in oklch, oklch(52.76% 0.0537 194.77) 0.0%, oklch(54.10% 0.0531 196.81) 3.2%, oklch(56.07% 0.0520 199.50) 6.5%, oklch(58.35% 0.0508 202.74) 9.7%, oklch(60.65% 0.0497 206.45) 12.9%, oklch(62.63% 0.0488 210.56) 16.1%, oklch(64.00% 0.0483 214.98) 19.4%, oklch(64.67% 0.0482 219.99) 22.6%, oklch(64.97% 0.0484 225.98) 25.8%, oklch(64.92% 0.0489 232.48) 29.0%, oklch(64.53% 0.0496 239.01) 32.3%, oklch(63.79% 0.0506 245.07) 35.5%, oklch(62.72% 0.0518 250.17) 38.7%, oklch(61.26% 0.0535 253.96) 41.9%, oklch(59.24% 0.0561 256.82) 45.2%, oklch(56.79% 0.0591 258.96) 48.4%, oklch(54.10% 0.0622 260.57) 51.6%, oklch(51.34% 0.0647 261.81) 54.8%, oklch(48.70% 0.0661 262.85) 58.1%, oklch(46.29% 0.0659 263.88) 61.3%, oklch(43.75% 0.0645 264.97) 64.5%, oklch(41.12% 0.0621 265.94) 67.7%, oklch(38.58% 0.0589 266.56) 71.0%, oklch(36.31% 0.0551 266.61) 74.2%, oklch(34.48% 0.0507 265.85) 77.4%, oklch(33.28% 0.0458 264.04) 80.6%, oklch(32.83% 0.0396 260.57) 83.9%, oklch(32.95% 0.0321 255.75) 87.1%, oklch(33.45% 0.0242 250.28) 90.3%, oklch(34.11% 0.0166 244.87) 93.5%, oklch(34.71% 0.0101 240.22) 96.8%, oklch(35.04% 0.0055 237.04) 100.0%);

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

Gradient xanh hải quân và xanh cổ vịt

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