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

Bảng màu Xanh hải quân, xanh cổ vịt và xanh lá (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #07142d, #112e53, #0092ac, #44e4b7, #a9da49. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07142d
#081630
#091833
#0a1a37
#0b1d3b
#0d2040
#0e2445
#0f294c
#112e53
#11345a
#113c63
#10456d
#0e5179
#085f86
#006f94
#0080a0
#0092ac
#00a3b6
#00b4be
#00c3c4
#16d0c6
#27d9c4
#36e0c0
#44e4b7
#53e7ac
#62e79f
#71e690
#7fe481
#8be171
#97de62
#a0dc54
#a9da49

CSS

background: linear-gradient(90deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(20.50% 0.0554 261.05) 3.2%, oklch(21.38% 0.0574 260.69) 6.5%, oklch(22.38% 0.0597 260.36) 9.7%, oklch(23.51% 0.0623 259.95) 12.9%, oklch(24.81% 0.0652 259.37) 16.1%, oklch(26.31% 0.0683 258.51) 19.4%, oklch(28.04% 0.0717 257.25) 22.6%, oklch(30.02% 0.0752 255.50) 25.8%, oklch(32.30% 0.0789 253.14) 29.0%, oklch(34.89% 0.0827 250.08) 32.3%, oklch(37.93% 0.0868 246.17) 35.5%, oklch(41.70% 0.0912 241.35) 38.7%, oklch(46.06% 0.0959 235.77) 41.9%, oklch(50.81% 0.1008 229.60) 45.2%, oklch(55.77% 0.1038 222.95) 48.4%, oklch(60.76% 0.1079 216.01) 51.6%, oklch(65.60% 0.1131 208.93) 54.8%, oklch(70.11% 0.1193 201.89) 58.1%, oklch(74.11% 0.1265 195.02) 61.3%, oklch(77.41% 0.1319 188.50) 64.5%, oklch(79.85% 0.1366 182.42) 67.7%, oklch(81.56% 0.1414 176.19) 71.0%, oklch(82.69% 0.1463 169.72) 74.2%, oklch(83.34% 0.1513 163.15) 77.4%, oklch(83.61% 0.1563 156.63) 80.6%, oklch(83.59% 0.1611 150.29) 83.9%, oklch(83.39% 0.1656 144.28) 87.1%, oklch(83.10% 0.1698 138.73) 90.3%, oklch(82.82% 0.1735 133.79) 93.5%, oklch(82.64% 0.1766 129.60) 96.8%, oklch(82.68% 0.1791 126.30) 100.0%);

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

Gradient cực quang

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