Xanh hải quân, xanh lá, cam và vàng (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh lá, cam và vàng

Gradient tuyến tính, 32 màu, góc 45°: #07162f, #6aa0d0, #82da94, #f6ba37, #fff36f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07162f
#0d1f3a
#172b49
#243b5c
#324d71
#416189
#5176a2
#5f8bba
#6aa0d0
#71b3e2
#72c2ef
#6ccff4
#61d8f1
#57dee4
#57e1cf
#68e0b4
#82da94
#9dd275
#b6c958
#cac042
#dab934
#e6b631
#efb733
#f6ba37
#fbc03c
#fec741
#ffd04e
#ffd959
#ffe160
#ffe963
#ffef66
#fff36f

CSS

background: linear-gradient(45deg in oklch, oklch(20.47% 0.0537 259.45) 0.0%, oklch(24.08% 0.0566 258.37) 3.2%, oklch(29.01% 0.0603 257.60) 6.5%, oklch(34.96% 0.0646 256.93) 9.7%, oklch(41.59% 0.0695 256.10) 12.9%, oklch(48.60% 0.0748 254.89) 16.1%, oklch(55.66% 0.0803 253.05) 19.4%, oklch(62.46% 0.0859 250.33) 22.6%, oklch(68.67% 0.0914 246.52) 25.8%, oklch(73.99% 0.0968 241.36) 29.0%, oklch(78.09% 0.1018 234.62) 32.3%, oklch(80.78% 0.1065 225.72) 35.5%, oklch(82.34% 0.1113 213.78) 38.7%, oklch(83.00% 0.1163 199.45) 41.9%, oklch(82.97% 0.1213 183.47) 45.2%, oklch(82.43% 0.1262 166.57) 48.4%, oklch(81.59% 0.1310 149.49) 51.6%, oklch(80.65% 0.1356 132.99) 54.8%, oklch(79.80% 0.1398 117.79) 58.1%, oklch(79.25% 0.1436 104.65) 61.3%, oklch(79.19% 0.1469 94.30) 64.5%, oklch(79.80% 0.1497 87.42) 67.7%, oklch(80.89% 0.1518 83.63) 71.0%, oklch(82.29% 0.1534 82.29) 74.2%, oklch(83.91% 0.1545 82.96) 77.4%, oklch(85.69% 0.1553 85.14) 80.6%, oklch(87.54% 0.1519 88.40) 83.9%, oklch(89.37% 0.1491 92.23) 87.1%, oklch(91.10% 0.1498 96.19) 90.3%, oklch(92.65% 0.1531 99.80) 93.5%, oklch(93.94% 0.1560 102.60) 96.8%, oklch(94.88% 0.1522 104.12) 100.0%);

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

Gradient vàng và xanh dương

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