Nâu, xám và be (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #2b2420, #6d4b2f, #c18d4c, #a2a888, #e8dcc4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b2420
#302722
#362a23
#3e2f25
#463327
#503929
#593f2a
#63452d
#6d4b2f
#785232
#855a35
#926338
#a06c3c
#ac753f
#b67e43
#be8647
#c18d4c
#be9451
#b89959
#b09d62
#a8a06c
#a3a376
#a0a57f
#a2a888
#a7ac8f
#afb397
#b9baa0
#c3c2a8
#cfcab0
#d9d1b8
#e2d8bf
#e8dcc4

CSS

background: linear-gradient(90deg in oklch, oklch(26.77% 0.0124 51.33) 0.0%, oklch(28.08% 0.0163 52.00) 3.2%, oklch(29.77% 0.0215 52.88) 6.5%, oklch(31.79% 0.0278 53.94) 9.7%, oklch(34.06% 0.0346 55.11) 12.9%, oklch(36.51% 0.0419 56.36) 16.1%, oklch(39.09% 0.0491 57.63) 19.4%, oklch(41.73% 0.0559 58.89) 22.6%, oklch(44.37% 0.0622 60.05) 25.8%, oklch(47.34% 0.0691 60.84) 29.0%, oklch(50.63% 0.0769 61.33) 32.3%, oklch(54.10% 0.0848 61.75) 35.5%, oklch(57.56% 0.0922 62.36) 38.7%, oklch(60.87% 0.0984 63.37) 41.9%, oklch(63.84% 0.1028 65.04) 45.2%, oklch(66.32% 0.1048 67.60) 48.4%, oklch(68.14% 0.1037 71.44) 51.6%, oklch(69.23% 0.0988 77.30) 54.8%, oklch(69.79% 0.0911 84.61) 58.1%, oklch(70.01% 0.0816 92.62) 61.3%, oklch(70.11% 0.0713 100.57) 64.5%, oklch(70.29% 0.0611 107.70) 67.7%, oklch(70.75% 0.0521 113.26) 71.0%, oklch(71.71% 0.0453 116.49) 74.2%, oklch(73.32% 0.0411 116.77) 77.4%, oklch(75.52% 0.0383 114.43) 80.6%, oklch(78.09% 0.0365 110.16) 83.9%, oklch(80.85% 0.0356 104.70) 87.1%, oklch(83.60% 0.0351 98.75) 90.3%, oklch(86.13% 0.0350 93.03) 93.5%, oklch(88.25% 0.0349 88.26) 96.8%, oklch(89.76% 0.0344 85.14) 100.0%);

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