Xám, nâu, đỏ nâu và cam (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #a5c094, #735439, #360f1e, #872b3f, #ff6c35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a5c094
#a4bc8f
#a2b789
#a0b183
#9eaa7c
#9ca374
#999b6c
#969365
#928a5d
#8e8156
#89784f
#846f49
#7e6643
#795d3e
#735439
#6c4c35
#664431
#603d2d
#59362a
#532f27
#4e2925
#482423
#441f21
#3f1b20
#3c181e
#39151e
#37121d
#36101e
#360f1e
#370f1f
#3a0f21
#3d0f23
#411025
#461228
#4c142b
#52162e
#591931
#621c34
#6a1f37
#73233a
#7d273d
#872b3f
#913041
#9c3443
#a63944
#b13f44
#bb4444
#c54944
#cf4e43
#d85441
#e05940
#e85d3e
#ef623b
#f56639
#fa6937
#ff6c35

CSS

background: linear-gradient(135deg in oklch, oklch(77.56% 0.0675 133.59) 0.0%, oklch(76.45% 0.0674 130.89) 1.8%, oklch(75.09% 0.0670 127.65) 3.6%, oklch(73.51% 0.0665 123.92) 5.5%, oklch(71.71% 0.0659 119.74) 7.3%, oklch(69.73% 0.0652 115.16) 9.1%, oklch(67.59% 0.0644 110.22) 10.9%, oklch(65.30% 0.0636 104.96) 12.7%, oklch(62.90% 0.0627 99.43) 14.5%, oklch(60.40% 0.0617 93.67) 16.4%, oklch(57.82% 0.0608 87.73) 18.2%, oklch(55.20% 0.0598 81.65) 20.0%, oklch(52.54% 0.0589 75.48) 21.8%, oklch(49.87% 0.0580 69.25) 23.6%, oklch(47.22% 0.0573 63.02) 25.5%, oklch(44.61% 0.0566 56.82) 27.3%, oklch(42.05% 0.0560 50.71) 29.1%, oklch(39.58% 0.0555 44.72) 30.9%, oklch(37.20% 0.0552 38.89) 32.7%, oklch(34.96% 0.0550 33.29) 34.5%, oklch(32.85% 0.0551 27.93) 36.4%, oklch(30.92% 0.0553 22.88) 38.2%, oklch(29.18% 0.0558 18.18) 40.0%, oklch(27.65% 0.0565 13.86) 41.8%, oklch(26.36% 0.0575 9.98) 43.6%, oklch(25.33% 0.0588 6.58) 45.5%, oklch(24.57% 0.0604 3.69) 47.3%, oklch(24.12% 0.0623 1.38) 49.1%, oklch(23.99% 0.0646 359.65) 50.9%, oklch(24.18% 0.0673 358.43) 52.7%, oklch(24.66% 0.0705 357.67) 54.5%, oklch(25.41% 0.0742 357.35) 56.4%, oklch(26.41% 0.0782 357.42) 58.2%, oklch(27.65% 0.0826 357.86) 60.0%, oklch(29.10% 0.0873 358.65) 61.8%, oklch(30.73% 0.0923 359.74) 63.6%, oklch(32.53% 0.0975 1.11) 65.5%, oklch(34.48% 0.1029 2.73) 67.3%, oklch(36.55% 0.1084 4.57) 69.1%, oklch(38.73% 0.1141 6.59) 70.9%, oklch(40.99% 0.1199 8.77) 72.7%, oklch(43.31% 0.1257 11.08) 74.5%, oklch(45.67% 0.1316 13.48) 76.4%, oklch(48.05% 0.1374 15.95) 78.2%, oklch(50.43% 0.1432 18.45) 80.0%, oklch(52.79% 0.1488 20.96) 81.8%, oklch(55.11% 0.1543 23.44) 83.6%, oklch(57.35% 0.1597 25.86) 85.5%, oklch(59.52% 0.1648 28.20) 87.3%, oklch(61.57% 0.1697 30.41) 89.1%, oklch(63.50% 0.1742 32.48) 90.9%, oklch(65.28% 0.1785 34.38) 92.7%, oklch(66.89% 0.1824 36.06) 94.5%, oklch(68.30% 0.1859 37.50) 96.4%, oklch(69.50% 0.1890 38.67) 98.2%, oklch(70.47% 0.1915 39.54) 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