Xanh dương, xanh lá và nâu vàng (gradient tuyến tính)

Bảng màu Xanh dương, xanh lá và nâu vàng

Gradient tuyến tính, 32 màu, góc 45°: #4f5c81, #497d76, #80b676, #b9cc88, #d9b3a3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f5c81
#4c5f81
#48627f
#44657c
#436979
#446c76
#467075
#477675
#497d76
#4c8477
#508c76
#579475
#5f9b74
#68a173
#71a873
#78af75
#80b676
#88bc78
#90c17a
#99c57b
#a2c87d
#aaca81
#b1cc85
#b9cc88
#c0cc8b
#c8ca8c
#d0c68d
#d7c18f
#dbbc94
#dcb79a
#dbb49f
#d9b3a3

CSS

background: linear-gradient(45deg in oklch, oklch(48.03% 0.0620 268.59) 0.0%, oklch(48.35% 0.0600 261.45) 3.2%, oklch(48.70% 0.0567 251.45) 6.5%, oklch(49.16% 0.0530 239.65) 9.7%, oklch(49.77% 0.0497 227.10) 12.9%, oklch(50.60% 0.0477 214.85) 16.1%, oklch(51.71% 0.0479 203.94) 19.4%, oklch(53.17% 0.0509 194.55) 22.6%, oklch(55.00% 0.0564 185.41) 25.8%, oklch(57.09% 0.0636 176.67) 29.0%, oklch(59.32% 0.0716 168.50) 32.3%, oklch(61.58% 0.0793 161.09) 35.5%, oklch(63.75% 0.0860 154.63) 38.7%, oklch(65.79% 0.0912 149.38) 41.9%, oklch(67.91% 0.0964 145.59) 45.2%, oklch(70.05% 0.1012 142.85) 48.4%, oklch(72.15% 0.1054 140.67) 51.6%, oklch(74.11% 0.1085 138.61) 54.8%, oklch(75.86% 0.1101 136.20) 58.1%, oklch(77.33% 0.1099 133.12) 61.3%, oklch(78.63% 0.1075 130.39) 64.5%, oklch(79.77% 0.1034 127.86) 67.7%, oklch(80.73% 0.0983 125.02) 71.0%, oklch(81.49% 0.0926 121.37) 74.2%, oklch(82.03% 0.0869 116.40) 77.4%, oklch(82.32% 0.0817 109.57) 80.6%, oklch(82.23% 0.0761 99.67) 83.9%, oklch(81.80% 0.0700 87.33) 87.1%, oklch(81.18% 0.0638 74.00) 90.3%, oklch(80.50% 0.0580 61.12) 93.5%, oklch(79.91% 0.0531 50.13) 96.8%, oklch(79.53% 0.0496 42.45) 100.0%);

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

Mưa xuân Nam bán cầu

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