Xanh hải quân, xám, nâu vàng và tím (gradient tuyến tính)

Bảng màu Xanh hải quân, xám, nâu vàng và tím

Gradient tuyến tính, 32 màu, góc 135°: #151d48, #86bacb, #92738b, #d7ac81, #283b56. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#151d48
#1d2e58
#2b4871
#3d678d
#5287a8
#68a4bf
#7ab7ce
#83bdd2
#86bacb
#84b0c0
#80a4b2
#7b97a5
#778d9d
#78879b
#7c819a
#867996
#92738b
#9c6f7b
#a2706c
#a77564
#b18165
#bd906c
#caa076
#d7ac81
#dfb188
#dfac8b
#d3998b
#b8818b
#906987
#64567a
#404667
#283b56

CSS

background: linear-gradient(135deg in oklch, oklch(25.20% 0.0799 271.41) 0.0%, oklch(31.11% 0.0792 265.68) 3.2%, oklch(39.83% 0.0784 257.17) 6.5%, oklch(49.95% 0.0775 247.31) 9.7%, oklch(60.05% 0.0760 237.59) 12.9%, oklch(68.70% 0.0739 229.45) 16.1%, oklch(74.50% 0.0710 224.37) 19.4%, oklch(76.56% 0.0664 222.29) 22.6%, oklch(75.81% 0.0597 221.14) 25.8%, oklch(73.19% 0.0520 221.58) 29.0%, oklch(69.61% 0.0445 224.36) 32.3%, oklch(65.99% 0.0384 230.21) 35.5%, oklch(63.24% 0.0349 239.88) 38.7%, oklch(61.88% 0.0350 254.90) 41.9%, oklch(60.75% 0.0387 277.49) 45.2%, oklch(59.82% 0.0447 304.91) 48.4%, oklch(59.23% 0.0519 333.94) 51.6%, oklch(59.11% 0.0590 1.39) 54.8%, oklch(59.60% 0.0650 24.03) 58.1%, oklch(60.96% 0.0688 39.35) 61.3%, oklch(64.23% 0.0717 51.17) 64.5%, oklch(68.74% 0.0739 60.15) 67.7%, oklch(73.44% 0.0755 65.59) 71.0%, oklch(77.29% 0.0763 66.82) 74.2%, oklch(79.25% 0.0764 63.13) 77.4%, oklch(78.25% 0.0755 53.70) 80.6%, oklch(73.54% 0.0731 34.33) 83.9%, oklch(66.05% 0.0693 6.50) 87.1%, oklch(57.13% 0.0648 334.52) 90.3%, oklch(48.09% 0.0603 302.68) 93.5%, oklch(40.29% 0.0564 275.28) 96.8%, oklch(35.04% 0.0537 256.61) 100.0%);

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

Gradient chạng vạ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