Xanh cổ vịt, xanh hải quân, xanh lá và đen (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xanh hải quân, xanh lá và đen

Gradient tuyến tính, 32 màu, góc 315°: #4e756c, #182b43, #5e9374, #25443f, #09111f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4e756c
#456e69
#396364
#2d565e
#244856
#1e3b4d
#1a3146
#182b42
#182b43
#19324b
#1a4057
#1c5363
#24676e
#347a74
#488977
#589277
#5e9374
#5d8e70
#578569
#4d7861
#426a58
#375c4f
#2d4f47
#25443f
#1f3c3a
#193436
#132d32
#0f262d
#0c1f29
#0b1926
#0a1422
#09111f

CSS

background: linear-gradient(315deg in oklch, oklch(53.15% 0.0469 178.59) 0.0%, oklch(50.74% 0.0470 186.03) 3.2%, oklch(47.07% 0.0471 197.30) 6.5%, oklch(42.68% 0.0473 210.80) 9.7%, oklch(38.09% 0.0475 224.92) 12.9%, oklch(33.85% 0.0479 238.03) 16.1%, oklch(30.49% 0.0487 248.52) 19.4%, oklch(28.55% 0.0498 254.79) 22.6%, oklch(28.58% 0.0515 255.19) 25.8%, oklch(31.09% 0.0543 248.73) 29.0%, oklch(35.59% 0.0582 236.85) 32.3%, oklch(41.32% 0.0625 221.46) 35.5%, oklch(47.50% 0.0669 204.44) 38.7%, oklch(53.39% 0.0707 187.71) 41.9%, oklch(58.22% 0.0734 173.15) 45.2%, oklch(61.23% 0.0746 162.68) 48.4%, oklch(61.78% 0.0737 157.68) 51.6%, oklch(60.34% 0.0705 156.07) 54.8%, oklch(57.43% 0.0658 156.97) 58.1%, oklch(53.48% 0.0600 159.94) 61.3%, oklch(48.94% 0.0537 164.51) 64.5%, oklch(44.25% 0.0475 170.23) 67.7%, oklch(39.85% 0.0421 176.64) 71.0%, oklch(36.18% 0.0380 183.29) 74.2%, oklch(33.30% 0.0354 190.62) 77.4%, oklch(30.50% 0.0337 200.18) 80.6%, oklch(27.79% 0.0327 211.28) 83.9%, oklch(25.23% 0.0322 223.08) 87.1%, oklch(22.89% 0.0320 234.77) 90.3%, oklch(20.82% 0.0319 245.54) 93.5%, oklch(19.07% 0.0319 254.56) 96.8%, oklch(17.72% 0.0317 261.02) 100.0%);

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

Ánh trăng thỏ ngọc

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