Xanh lá đậm, nâu vàng và trắng (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 180°: #00211b, #466511, #ba8e4b, #ddbaa0, #f6f5ee. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00211b
#00231d
#00261f
#002a22
#002f24
#003327
#003929
#003e2b
#00442d
#00492d
#004e2c
#005429
#125826
#215b23
#2e5f1f
#3a6219
#466511
#516806
#5d6a00
#676d00
#706f00
#797100
#817400
#897600
#907907
#967b14
#9c7e1f
#a18128
#a68330
#ab8637
#b0893e
#b58b45
#ba8e4b
#be9051
#c39357
#c8955d
#cc9763
#d09968
#d49c6e
#d79e74
#daa179
#dca47f
#dea784
#dfab8a
#dfaf8f
#dfb295
#deb69a
#ddbaa0
#dcbea6
#dbc1ac
#dbc5b2
#dbc9b7
#dbccbd
#dcd0c2
#ded4c7
#e0d8cd
#e3dcd2
#e6e0d7
#e9e5dc
#ece9e0
#efece5
#f2f0e9
#f4f2ec
#f6f5ee

CSS

background: linear-gradient(180deg in oklch, oklch(22.07% 0.0401 179.90) 0.0%, oklch(22.97% 0.0421 178.58) 1.6%, oklch(24.14% 0.0448 177.02) 3.2%, oklch(25.51% 0.0480 175.23) 4.8%, oklch(27.05% 0.0518 173.20) 6.3%, oklch(28.71% 0.0563 170.95) 7.9%, oklch(30.46% 0.0613 168.47) 9.5%, oklch(32.25% 0.0671 165.77) 11.1%, oklch(34.03% 0.0737 162.85) 12.7%, oklch(35.77% 0.0813 159.71) 14.3%, oklch(37.42% 0.0901 156.36) 15.9%, oklch(38.96% 0.1009 152.74) 17.5%, oklch(40.48% 0.1043 148.62) 19.0%, oklch(42.03% 0.1068 144.01) 20.6%, oklch(43.57% 0.1093 139.06) 22.2%, oklch(45.11% 0.1117 133.89) 23.8%, oklch(46.64% 0.1139 128.62) 25.4%, oklch(48.16% 0.1158 123.36) 27.0%, oklch(49.65% 0.1159 118.26) 28.6%, oklch(51.12% 0.1143 113.40) 30.2%, oklch(52.55% 0.1139 108.93) 31.7%, oklch(53.94% 0.1144 104.96) 33.3%, oklch(55.29% 0.1155 101.46) 34.9%, oklch(56.63% 0.1171 98.28) 36.5%, oklch(57.93% 0.1172 95.38) 38.1%, oklch(59.21% 0.1154 92.69) 39.7%, oklch(60.47% 0.1133 90.19) 41.3%, oklch(61.70% 0.1110 87.81) 42.9%, oklch(62.90% 0.1086 85.52) 44.4%, oklch(64.09% 0.1061 83.27) 46.0%, oklch(65.24% 0.1038 81.00) 47.6%, oklch(66.37% 0.1016 78.69) 49.2%, oklch(67.48% 0.0997 76.26) 50.8%, oklch(68.55% 0.0980 73.62) 52.4%, oklch(69.59% 0.0965 70.85) 54.0%, oklch(70.60% 0.0951 68.02) 55.6%, oklch(71.59% 0.0936 65.24) 57.1%, oklch(72.56% 0.0921 62.58) 58.7%, oklch(73.50% 0.0904 60.14) 60.3%, oklch(74.44% 0.0884 57.99) 61.9%, oklch(75.35% 0.0860 56.24) 63.5%, oklch(76.26% 0.0832 54.96) 65.1%, oklch(77.17% 0.0799 54.25) 66.7%, oklch(78.04% 0.0759 54.13) 68.3%, oklch(78.88% 0.0710 54.54) 69.8%, oklch(79.69% 0.0656 55.39) 71.4%, oklch(80.47% 0.0597 56.63) 73.0%, oklch(81.25% 0.0536 58.18) 74.6%, oklch(82.03% 0.0475 59.96) 76.2%, oklch(82.82% 0.0416 61.92) 77.8%, oklch(83.64% 0.0360 63.97) 79.4%, oklch(84.48% 0.0310 66.04) 81.0%, oklch(85.37% 0.0266 68.07) 82.5%, oklch(86.31% 0.0232 70.05) 84.1%, oklch(87.37% 0.0203 72.33) 85.7%, oklch(88.53% 0.0178 74.90) 87.3%, oklch(89.73% 0.0158 77.65) 88.9%, oklch(90.96% 0.0141 80.50) 90.5%, oklch(92.18% 0.0128 83.36) 92.1%, oklch(93.35% 0.0116 86.12) 93.7%, oklch(94.44% 0.0107 88.70) 95.2%, oklch(95.40% 0.0098 91.00) 96.8%, oklch(96.22% 0.0090 92.93) 98.4%, oklch(96.85% 0.0083 94.40) 100.0%);

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

Gradient độ cao

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