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, 21 màu, góc 135°: #437575, #6f96a5, #5e7497, #2f3c59, #383b3d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#437575
#4b7c7d
#578589
#638f96
#6b949f
#6f96a5
#7294a9
#7290a9
#7089a6
#6980a0
#5e7497
#52678c
#485b81
#3f5074
#374566
#2f3c59
#2a364f
#293548
#2d3743
#333a40
#383b3d

CSS

background: conic-gradient(from 135deg in oklch, oklch(52.76% 0.0537 194.77) 0.0%, oklch(55.12% 0.0525 198.22) 5.0%, oklch(58.59% 0.0507 203.09) 10.0%, oklch(61.99% 0.0491 209.08) 15.0%, oklch(64.17% 0.0482 215.90) 20.0%, oklch(64.93% 0.0484 224.41) 25.0%, oklch(64.84% 0.0491 234.46) 30.0%, oklch(63.92% 0.0504 244.21) 35.0%, oklch(62.20% 0.0524 251.83) 40.0%, oklch(59.35% 0.0559 256.69) 45.0%, oklch(55.46% 0.0607 259.82) 50.0%, oklch(51.21% 0.0648 261.86) 55.0%, oklch(47.24% 0.0661 263.45) 60.0%, oklch(43.36% 0.0642 265.13) 65.0%, oklch(39.32% 0.0599 266.43) 70.0%, oklch(35.80% 0.0540 266.50) 75.0%, oklch(33.46% 0.0469 264.51) 80.0%, oklch(32.82% 0.0371 259.00) 85.0%, oklch(33.39% 0.0250 250.84) 90.0%, oklch(34.40% 0.0135 242.64) 95.0%, 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