Nâu vàng sang nâu (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #c09f69, #855634, #4b3b2a, #736a38, #af894b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c09f69
#bc9862
#b58d59
#ae814f
#a67546
#9e6b3f
#96633a
#8d5c37
#855634
#7d5132
#754c30
#6c472e
#62432c
#593e2b
#513b2a
#4c3a2a
#4b3b2a
#4f402b
#54472c
#5a4f2e
#5f5831
#645f34
#6b6536
#736a38
#7c6f3a
#85733c
#8d773e
#957b41
#9d8044
#a48447
#aa8749
#af894b

CSS

background: linear-gradient(270deg in oklch, oklch(72.05% 0.0813 79.45) 0.0%, oklch(69.99% 0.0826 76.76) 3.2%, oklch(67.06% 0.0847 72.84) 6.5%, oklch(63.67% 0.0869 68.41) 9.7%, oklch(60.22% 0.0884 64.17) 12.9%, oklch(57.14% 0.0884 60.85) 16.1%, oklch(54.55% 0.0865 58.64) 19.4%, oklch(52.11% 0.0833 56.94) 22.6%, oklch(49.80% 0.0791 55.76) 25.8%, oklch(47.62% 0.0743 55.12) 29.0%, oklch(45.55% 0.0692 55.04) 32.3%, oklch(43.47% 0.0636 55.45) 35.5%, oklch(41.16% 0.0561 56.15) 38.7%, oklch(38.95% 0.0482 57.39) 41.9%, oklch(37.20% 0.0412 59.45) 45.2%, oklch(36.27% 0.0367 62.59) 48.4%, oklch(36.51% 0.0360 67.36) 51.6%, oklch(38.01% 0.0391 74.87) 54.8%, oklch(40.33% 0.0445 83.79) 58.1%, oklch(43.05% 0.0510 92.42) 61.3%, oklch(45.72% 0.0573 99.10) 64.5%, oklch(47.93% 0.0620 102.22) 67.7%, oklch(50.00% 0.0662 101.85) 71.0%, oklch(52.05% 0.0701 99.17) 74.2%, oklch(54.05% 0.0738 95.32) 77.4%, oklch(55.97% 0.0773 91.43) 80.6%, oklch(57.77% 0.0804 88.59) 83.9%, oklch(59.57% 0.0834 86.23) 87.1%, oklch(61.35% 0.0862 83.84) 90.3%, oklch(62.99% 0.0887 81.62) 93.5%, oklch(64.36% 0.0908 79.74) 96.8%, oklch(65.35% 0.0923 78.40) 100.0%);

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

Gradient đồng thiếc

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