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

Nâu sang be (đơn sắc): bảng màu gồm 32 màu. #4b2d21, #6a3e29, #9e5d33, #ba753b, #cd924a, #dbac69, #ebd2a8, #f5e7cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#4b2d21
#503022
#583424
#603826
#6a3e29
#74432b
#7f4a2d
#8a502f
#955731
#9e5d33
#a76435
#ae6937
#b46f39
#ba753b
#be7b3d
#c3803f
#c78642
#ca8c45
#cd924a
#d19850
#d49e57
#d7a55f
#dbac69
#deb474
#e1bb81
#e5c38e
#e8cb9b
#ebd2a8
#eed9b4
#f1debf
#f3e3c8
#f5e7cf

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.0496 42.19) 0.0%, oklch(34.50% 0.0532 42.82) 3.2%, oklch(36.37% 0.0580 43.58) 6.5%, oklch(38.58% 0.0639 44.46) 9.7%, oklch(41.07% 0.0705 45.45) 12.9%, oklch(43.74% 0.0774 46.55) 16.1%, oklch(46.50% 0.0843 47.75) 19.4%, oklch(49.27% 0.0911 49.03) 22.6%, oklch(51.97% 0.0972 50.39) 25.8%, oklch(54.50% 0.1024 51.81) 29.0%, oklch(56.79% 0.1065 53.30) 32.3%, oklch(58.80% 0.1093 54.89) 35.5%, oklch(60.66% 0.1115 56.70) 38.7%, oklch(62.42% 0.1134 58.68) 41.9%, oklch(64.10% 0.1147 60.78) 45.2%, oklch(65.72% 0.1154 62.96) 48.4%, oklch(67.30% 0.1156 65.14) 51.6%, oklch(68.86% 0.1151 67.28) 54.8%, oklch(70.42% 0.1140 69.33) 58.1%, oklch(72.02% 0.1122 71.22) 61.3%, oklch(73.67% 0.1096 72.91) 64.5%, oklch(75.39% 0.1062 74.34) 67.7%, oklch(77.27% 0.1012 75.61) 71.0%, oklch(79.27% 0.0947 76.75) 74.2%, oklch(81.34% 0.0871 77.78) 77.4%, oklch(83.42% 0.0788 78.69) 80.6%, oklch(85.47% 0.0702 79.50) 83.9%, oklch(87.44% 0.0616 80.22) 87.1%, oklch(89.25% 0.0535 80.86) 90.3%, oklch(90.87% 0.0463 81.42) 93.5%, oklch(92.24% 0.0402 81.91) 96.8%, oklch(93.31% 0.0358 82.34) 100.0%);

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

Gradient ba màu Cà phê tại nhà

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