Nâu vàng, nâu và be tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #ffd7a1, #b57968, #863f34, #f3e3c6, #e9c9b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffd7a1
#facf9b
#f3c494
#eab88d
#e0aa85
#d49c7d
#c98f76
#be836f
#b57968
#ac6d5f
#a16055
#97534a
#8d4741
#863e39
#823833
#813831
#863f34
#924f3d
#a2664c
#b48262
#c69f7d
#d8bb99
#e8d3b3
#f3e3c6
#f9ebcf
#fcecd2
#fbe9d0
#f8e3cb
#f3dbc4
#efd3bd
#ebcdb8
#e9c9b5

CSS

background: linear-gradient(135deg in oklch, oklch(90.16% 0.0825 75.24) 0.0%, oklch(88.03% 0.0835 71.97) 3.2%, oklch(85.14% 0.0826 67.39) 6.5%, oklch(81.70% 0.0816 61.92) 9.7%, oklch(77.91% 0.0805 55.99) 12.9%, oklch(73.98% 0.0796 50.05) 16.1%, oklch(70.13% 0.0792 44.53) 19.4%, oklch(66.55% 0.0793 39.87) 22.6%, oklch(63.41% 0.0803 36.44) 25.8%, oklch(59.90% 0.0829 33.47) 29.0%, oklch(55.96% 0.0869 30.71) 32.3%, oklch(52.00% 0.0915 28.37) 35.5%, oklch(48.40% 0.0962 26.67) 38.7%, oklch(45.57% 0.1001 25.81) 41.9%, oklch(43.92% 0.1025 26.00) 45.2%, oklch(43.82% 0.1028 27.47) 48.4%, oklch(45.80% 0.1003 30.61) 51.6%, oklch(50.41% 0.0945 36.49) 54.8%, oklch(57.02% 0.0862 44.41) 58.1%, oklch(64.84% 0.0766 53.45) 61.3%, oklch(73.05% 0.0664 62.67) 64.5%, oklch(80.88% 0.0567 71.15) 67.7%, oklch(87.51% 0.0483 77.93) 71.0%, oklch(92.16% 0.0424 82.11) 74.2%, oklch(94.39% 0.0392 83.00) 77.4%, oklch(94.93% 0.0380 81.20) 80.6%, oklch(94.21% 0.0382 77.44) 83.9%, oklch(92.63% 0.0394 72.41) 87.1%, oklch(90.60% 0.0412 66.85) 90.3%, oklch(88.52% 0.0431 61.47) 93.5%, oklch(86.80% 0.0447 56.98) 96.8%, oklch(85.83% 0.0455 54.10) 100.0%);

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

Gradient tông ấm

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