Đỏ nâu, hồng, be và xanh cổ vịt (gradient tuyến tính)

Bảng màu Đỏ nâu, hồng, be và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 90°: #6e1722, #c84b58, #f6c5b0, #a8d7c0, #287a79. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e1722
#761925
#811b27
#8e1e2b
#9c222f
#aa2934
#b6323c
#c03e48
#c84b58
#d05a69
#d6687a
#dc7787
#e28591
#e99397
#efa39e
#f4b4a6
#f6c5b0
#f7d2ba
#f4dcc2
#efe1c5
#e5e2c3
#d5e1bf
#c0ddbe
#a8d7c0
#91cfc2
#81c5c1
#71b9ba
#61aaad
#509c9e
#418e8f
#338281
#287a79

CSS

background: linear-gradient(90deg in oklch, oklch(35.83% 0.1199 18.98) 0.0%, oklch(37.56% 0.1261 19.31) 3.2%, oklch(39.91% 0.1356 19.84) 6.5%, oklch(42.71% 0.1465 20.45) 9.7%, oklch(45.80% 0.1569 20.96) 12.9%, oklch(49.00% 0.1647 21.26) 16.1%, oklch(52.15% 0.1681 21.17) 19.4%, oklch(55.24% 0.1659 20.09) 22.6%, oklch(58.51% 0.1594 17.50) 25.8%, oklch(61.89% 0.1498 14.38) 29.0%, oklch(65.31% 0.1383 11.78) 32.3%, oklch(68.70% 0.1261 10.70) 35.5%, oklch(71.97% 0.1145 12.17) 38.7%, oklch(75.21% 0.1036 16.91) 41.9%, oklch(78.84% 0.0909 24.08) 45.2%, oklch(82.58% 0.0772 33.28) 48.4%, oklch(86.06% 0.0640 44.17) 51.6%, oklch(88.93% 0.0525 56.45) 54.8%, oklch(90.82% 0.0442 69.78) 58.1%, oklch(91.40% 0.0404 84.22) 61.3%, oklch(90.75% 0.0414 102.18) 64.5%, oklch(89.13% 0.0459 122.63) 67.7%, oklch(86.78% 0.0524 143.66) 71.0%, oklch(83.94% 0.0594 163.32) 74.2%, oklch(80.85% 0.0656 179.69) 77.4%, oklch(77.71% 0.0695 190.87) 80.6%, oklch(73.86% 0.0718 196.72) 83.9%, oklch(69.28% 0.0736 198.67) 87.1%, oklch(64.46% 0.0749 198.02) 90.3%, oklch(59.84% 0.0758 196.06) 93.5%, oklch(55.92% 0.0765 194.07) 96.8%, oklch(53.15% 0.0772 193.35) 100.0%);

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

Bảng màu Giáng sinh vintage

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