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

Gradient tuyến tính, 32 màu, góc 315°: #b0aeaf, #5f4264, #2c5c67, #9dac65, #f7f5e7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b0aeaf
#aaa0a6
#a28d98
#987987
#8e6679
#835970
#784f6a
#6b4867
#5f4264
#533e61
#473b5d
#3a3958
#313853
#2b3b51
#294155
#2a4d5d
#2c5c67
#326c6e
#3b7a72
#498772
#5c9370
#729e6c
#89a668
#9dac65
#afb062
#bfb362
#cdb86a
#d8c17b
#e1cf96
#e9deb6
#f1ecd3
#f7f5e7

CSS

background: linear-gradient(315deg in oklch, oklch(75.20% 0.0028 341.02) 0.0%, oklch(71.68% 0.0130 343.04) 3.2%, oklch(66.60% 0.0280 346.28) 6.5%, oklch(60.96% 0.0440 348.97) 9.7%, oklch(55.77% 0.0570 349.38) 12.9%, oklch(51.77% 0.0638 346.07) 16.1%, oklch(48.29% 0.0666 339.81) 19.4%, oklch(45.21% 0.0666 331.41) 22.6%, oklch(42.53% 0.0651 321.56) 25.8%, oklch(40.24% 0.0631 310.93) 29.0%, oklch(38.01% 0.0590 298.99) 32.3%, oklch(36.00% 0.0531 285.67) 35.5%, oklch(34.73% 0.0474 271.57) 38.7%, oklch(34.74% 0.0443 257.32) 41.9%, oklch(36.54% 0.0451 243.17) 45.2%, oklch(40.10% 0.0489 228.59) 48.4%, oklch(44.64% 0.0544 213.81) 51.6%, oklch(49.34% 0.0606 199.12) 54.8%, oklch(53.48% 0.0664 184.75) 58.1%, oklch(57.49% 0.0729 170.03) 61.3%, oklch(61.53% 0.0800 155.31) 64.5%, oklch(65.38% 0.0866 141.41) 67.7%, oklch(68.84% 0.0918 129.13) 71.0%, oklch(71.65% 0.0960 118.50) 74.2%, oklch(73.87% 0.1005 108.90) 77.4%, oklch(75.94% 0.1030 100.86) 80.6%, oklch(78.29% 0.1014 94.92) 83.9%, oklch(81.38% 0.0932 91.76) 87.1%, oklch(85.51% 0.0760 92.20) 90.3%, oklch(90.00% 0.0541 94.87) 93.5%, oklch(94.05% 0.0334 98.07) 96.8%, oklch(96.85% 0.0193 100.08) 100.0%);

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

Gradient hologram

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