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

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

Gradient tuyến tính, 32 màu, góc 45°: #34495a, #153c36, #124e42, #4b8586, #dce9ed. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#34495a
#304858
#2c4755
#274551
#22434c
#1d4146
#193f41
#163e3b
#153c36
#163c33
#173c31
#183e31
#184032
#174234
#164637
#144a3c
#124e42
#115449
#135951
#176059
#206763
#2b6f6c
#397978
#4b8586
#5e9294
#73a0a4
#88aeb3
#9dbdc2
#b0cad0
#c2d7dc
#d1e1e5
#dce9ed

CSS

background: linear-gradient(45deg in oklch, oklch(39.37% 0.0400 244.69) 0.0%, oklch(38.89% 0.0404 239.98) 3.2%, oklch(38.15% 0.0409 233.44) 6.5%, oklch(37.23% 0.0414 225.51) 9.7%, oklch(36.22% 0.0420 216.68) 12.9%, oklch(35.18% 0.0427 207.41) 16.1%, oklch(34.21% 0.0435 198.15) 19.4%, oklch(33.38% 0.0444 189.39) 22.6%, oklch(32.78% 0.0454 181.57) 25.8%, oklch(32.47% 0.0465 175.18) 29.0%, oklch(32.55% 0.0478 170.66) 32.3%, oklch(33.02% 0.0494 168.30) 35.5%, oklch(33.68% 0.0517 167.55) 38.7%, oklch(34.54% 0.0545 168.15) 41.9%, oklch(35.60% 0.0577 169.84) 45.2%, oklch(36.88% 0.0609 172.38) 48.4%, oklch(38.38% 0.0639 175.51) 51.6%, oklch(40.13% 0.0666 179.00) 54.8%, oklch(42.13% 0.0685 182.59) 58.1%, oklch(44.40% 0.0696 186.04) 61.3%, oklch(46.96% 0.0696 189.09) 64.5%, oklch(49.83% 0.0683 191.58) 67.7%, oklch(53.43% 0.0652 194.13) 71.0%, oklch(57.68% 0.0607 196.92) 74.2%, oklch(62.42% 0.0552 199.86) 77.4%, oklch(67.43% 0.0489 202.85) 80.6%, oklch(72.53% 0.0422 205.81) 83.9%, oklch(77.52% 0.0355 208.66) 87.1%, oklch(82.20% 0.0291 211.32) 90.3%, oklch(86.40% 0.0233 213.68) 93.5%, oklch(89.90% 0.0186 215.68) 96.8%, oklch(92.52% 0.0152 217.21) 100.0%);

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

Gradient độ cao

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