Nâu và hồng đào (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 225°: #63351e, #b0663b, #ebbc93, #ddccae, #737038. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#63351e
#653720
#683821
#6c3a22
#703d23
#743f25
#794226
#7e4528
#834829
#884b2b
#8e4f2d
#94522f
#995631
#9f5a33
#a55e36
#ab6238
#b0663b
#b56a3e
#ba6e41
#bf7244
#c37747
#c77b4a
#ca7f4e
#ce8453
#d28a59
#d5905f
#d99666
#dc9c6d
#dfa374
#e3a97c
#e6b084
#e8b68b
#ebbc93
#edc29b
#efc7a2
#f1cca8
#f2d1af
#f3d5b4
#f4d8b9
#f4dabd
#f3dcbf
#f2ddc1
#f1ddc1
#efdbc0
#ebd9bd
#e7d6b9
#e2d1b4
#ddccae
#d7c7a7
#d0c1a0
#c9ba98
#c2b48f
#baad86
#b2a67d
#aa9f75
#a2986c
#9b9163
#948b5b
#8d8553
#86804c
#807b46
#7b7640
#77733c
#737038

CSS

background: linear-gradient(225deg in oklch, oklch(38.19% 0.0744 45.70) 0.0%, oklch(38.90% 0.0756 45.85) 1.6%, oklch(39.73% 0.0771 45.99) 3.2%, oklch(40.66% 0.0790 46.13) 4.8%, oklch(41.70% 0.0812 46.27) 6.3%, oklch(42.82% 0.0836 46.41) 7.9%, oklch(44.03% 0.0862 46.56) 9.5%, oklch(45.30% 0.0889 46.72) 11.1%, oklch(46.64% 0.0917 46.90) 12.7%, oklch(48.03% 0.0946 47.09) 14.3%, oklch(49.47% 0.0975 47.30) 15.9%, oklch(50.93% 0.1003 47.54) 17.5%, oklch(52.42% 0.1030 47.81) 19.0%, oklch(53.93% 0.1055 48.11) 20.6%, oklch(55.44% 0.1078 48.44) 22.2%, oklch(56.94% 0.1099 48.81) 23.8%, oklch(58.44% 0.1117 49.23) 25.4%, oklch(59.90% 0.1131 49.69) 27.0%, oklch(61.34% 0.1142 50.20) 28.6%, oklch(62.73% 0.1148 50.75) 30.2%, oklch(64.07% 0.1148 51.37) 31.7%, oklch(65.35% 0.1144 52.04) 33.3%, oklch(66.66% 0.1133 52.78) 34.9%, oklch(68.09% 0.1115 53.57) 36.5%, oklch(69.60% 0.1091 54.41) 38.1%, oklch(71.19% 0.1061 55.31) 39.7%, oklch(72.83% 0.1027 56.25) 41.3%, oklch(74.51% 0.0989 57.24) 42.9%, oklch(76.20% 0.0948 58.27) 44.4%, oklch(77.89% 0.0905 59.33) 46.0%, oklch(79.56% 0.0859 60.44) 47.6%, oklch(81.18% 0.0812 61.57) 49.2%, oklch(82.73% 0.0765 62.73) 50.8%, oklch(84.21% 0.0719 63.92) 52.4%, oklch(85.58% 0.0673 65.14) 54.0%, oklch(86.83% 0.0629 66.37) 55.6%, oklch(87.94% 0.0587 67.62) 57.1%, oklch(88.89% 0.0549 68.88) 58.7%, oklch(89.66% 0.0514 70.15) 60.3%, oklch(90.23% 0.0484 71.43) 61.9%, oklch(90.58% 0.0459 72.72) 63.5%, oklch(90.70% 0.0440 74.01) 65.1%, oklch(90.55% 0.0427 75.29) 66.7%, oklch(90.09% 0.0421 76.62) 68.3%, oklch(89.30% 0.0420 78.05) 69.8%, oklch(88.21% 0.0424 79.55) 71.4%, oklch(86.84% 0.0432 81.12) 73.0%, oklch(85.24% 0.0443 82.74) 74.6%, oklch(83.43% 0.0458 84.40) 76.2%, oklch(81.45% 0.0476 86.09) 77.8%, oklch(79.33% 0.0496 87.80) 79.4%, oklch(77.10% 0.0519 89.52) 81.0%, oklch(74.79% 0.0542 91.22) 82.5%, oklch(72.44% 0.0567 92.91) 84.1%, oklch(70.08% 0.0592 94.56) 85.7%, oklch(67.73% 0.0618 96.17) 87.3%, oklch(65.44% 0.0643 97.72) 88.9%, oklch(63.23% 0.0667 99.20) 90.5%, oklch(61.14% 0.0691 100.60) 92.1%, oklch(59.20% 0.0712 101.90) 93.7%, oklch(57.43% 0.0731 103.10) 95.2%, oklch(55.88% 0.0748 104.18) 96.8%, oklch(54.57% 0.0762 105.13) 98.4%, oklch(53.54% 0.0772 105.94) 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