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

Gradient tuyến tính, 56 màu, góc 135°: #d2b796, #b9bb8a, #97b784, #a29a54, #b17540. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d2b796
#d2b795
#d1b794
#d0b793
#cfb892
#cdb891
#ccb890
#cab88f
#c8b88e
#c6b98d
#c4b98c
#c1ba8b
#bfba8b
#bcba8a
#b9bb8a
#b6bb8a
#b3bb8a
#b0bb8a
#adbb8a
#aabb8a
#a7bb8a
#a5bb8a
#a2bb8a
#9fbb89
#9dba89
#9bba88
#99b987
#98b886
#97b784
#96b682
#96b480
#96b37d
#96b179
#97af76
#97ad72
#99ab6e
#9aa869
#9ba565
#9da361
#9fa05c
#a19d58
#a29a54
#a49751
#a6934d
#a8904a
#a98d47
#ab8a45
#ac8743
#ad8442
#ae8141
#af7f41
#b07c40
#b07a40
#b07840
#b17640
#b17540

CSS

background: linear-gradient(135deg in oklch, oklch(79.53% 0.0551 73.13) 0.0%, oklch(79.43% 0.0556 74.41) 1.8%, oklch(79.33% 0.0561 76.00) 3.6%, oklch(79.23% 0.0567 77.87) 5.5%, oklch(79.13% 0.0573 80.01) 7.3%, oklch(79.01% 0.0580 82.37) 9.1%, oklch(78.90% 0.0587 84.93) 10.9%, oklch(78.78% 0.0594 87.66) 12.7%, oklch(78.65% 0.0602 90.53) 14.5%, oklch(78.52% 0.0610 93.52) 16.4%, oklch(78.37% 0.0619 96.59) 18.2%, oklch(78.23% 0.0628 99.72) 20.0%, oklch(78.07% 0.0637 102.88) 21.8%, oklch(77.91% 0.0647 106.04) 23.6%, oklch(77.74% 0.0656 109.17) 25.5%, oklch(77.56% 0.0666 112.25) 27.3%, oklch(77.37% 0.0676 115.24) 29.1%, oklch(77.17% 0.0685 118.12) 30.9%, oklch(76.96% 0.0695 120.86) 32.7%, oklch(76.74% 0.0705 123.43) 34.5%, oklch(76.51% 0.0715 125.80) 36.4%, oklch(76.27% 0.0725 127.94) 38.2%, oklch(76.02% 0.0735 129.83) 40.0%, oklch(75.75% 0.0744 131.44) 41.8%, oklch(75.48% 0.0754 132.74) 43.6%, oklch(75.19% 0.0763 133.70) 45.5%, oklch(74.89% 0.0772 134.28) 47.3%, oklch(74.57% 0.0781 134.48) 49.1%, oklch(74.24% 0.0790 134.24) 50.9%, oklch(73.87% 0.0799 133.58) 52.7%, oklch(73.48% 0.0808 132.50) 54.5%, oklch(73.05% 0.0817 131.04) 56.4%, oklch(72.59% 0.0826 129.23) 58.2%, oklch(72.11% 0.0836 127.10) 60.0%, oklch(71.60% 0.0846 124.68) 61.8%, oklch(71.08% 0.0856 122.00) 63.6%, oklch(70.55% 0.0866 119.09) 65.5%, oklch(70.00% 0.0876 115.98) 67.3%, oklch(69.44% 0.0885 112.71) 69.1%, oklch(68.87% 0.0895 109.29) 70.9%, oklch(68.30% 0.0905 105.77) 72.7%, oklch(67.74% 0.0915 102.17) 74.5%, oklch(67.17% 0.0924 98.52) 76.4%, oklch(66.61% 0.0934 94.85) 78.2%, oklch(66.06% 0.0943 91.20) 80.0%, oklch(65.52% 0.0952 87.59) 81.8%, oklch(64.99% 0.0960 84.05) 83.6%, oklch(64.48% 0.0969 80.61) 85.5%, oklch(64.00% 0.0977 77.31) 87.3%, oklch(63.53% 0.0984 74.17) 89.1%, oklch(63.10% 0.0991 71.22) 90.9%, oklch(62.69% 0.0998 68.50) 92.7%, oklch(62.31% 0.1004 66.03) 94.5%, oklch(61.98% 0.1010 63.84) 96.4%, oklch(61.68% 0.1015 61.97) 98.2%, oklch(61.42% 0.1020 60.44) 100.0%);

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

Gạch hồ bơi bạc nắng

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