Hồng, nâu và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #b96070, #c47e83, #a49273, #84956d, #6b8c70. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b96070
#ba6272
#bc6676
#bd6a7a
#bf6e7e
#c17381
#c27784
#c37b84
#c47e83
#c3817f
#c0847b
#bd8777
#b88a75
#b38d73
#ad8f73
#a89173
#a49273
#a09372
#9c9471
#98946f
#93956e
#8e956d
#89956d
#84956d
#80956e
#7b946f
#789370
#749170
#718f70
#6f8e70
#6d8d70
#6b8c70

CSS

background: linear-gradient(90deg in oklch, oklch(59.84% 0.1157 9.84) 0.0%, oklch(60.42% 0.1136 9.75) 3.2%, oklch(61.25% 0.1109 9.17) 6.5%, oklch(62.24% 0.1076 8.46) 9.7%, oklch(63.30% 0.1039 7.96) 12.9%, oklch(64.35% 0.0999 8.03) 16.1%, oklch(65.32% 0.0957 9.03) 19.4%, oklch(66.11% 0.0914 11.31) 22.6%, oklch(66.64% 0.0871 15.23) 25.8%, oklch(66.99% 0.0821 21.08) 29.0%, oklch(67.19% 0.0763 28.53) 32.3%, oklch(67.29% 0.0703 37.12) 35.5%, oklch(67.29% 0.0643 46.39) 38.7%, oklch(67.23% 0.0588 55.88) 41.9%, oklch(67.12% 0.0541 65.11) 45.2%, oklch(66.99% 0.0507 73.63) 48.4%, oklch(66.86% 0.0489 81.16) 51.6%, oklch(66.67% 0.0489 88.54) 54.8%, oklch(66.43% 0.0501 95.82) 58.1%, oklch(66.14% 0.0521 102.90) 61.3%, oklch(65.81% 0.0546 109.67) 64.5%, oklch(65.45% 0.0572 116.02) 67.7%, oklch(65.07% 0.0592 121.84) 71.0%, oklch(64.67% 0.0605 127.02) 74.2%, oklch(64.23% 0.0607 131.50) 77.4%, oklch(63.71% 0.0604 135.39) 80.6%, oklch(63.13% 0.0597 138.74) 83.9%, oklch(62.53% 0.0587 141.61) 87.1%, oklch(61.94% 0.0576 144.05) 90.3%, oklch(61.41% 0.0566 146.11) 93.5%, oklch(60.96% 0.0557 147.86) 96.8%, oklch(60.63% 0.0551 149.33) 100.0%);

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

Gradient đỏ và xanh lá

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