Nâu, cam và đen (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 24 màu, góc 90°: #b36828, #d98e36, #806a32, #18271a, #000001. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b36828
#b96d2a
#c3742d
#cd7d30
#d68533
#db8b35
#d98e36
#d28c37
#c68839
#b8823a
#a77b39
#947336
#806a32
#6a5e2e
#525129
#3c4325
#28341f
#18271a
#091c15
#001110
#00070a
#000205
#000003
#000001

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.1226 56.95) 0.0%, oklch(60.75% 0.1250 57.80) 4.3%, oklch(63.36% 0.1290 58.89) 8.7%, oklch(66.28% 0.1333 60.24) 13.0%, oklch(68.89% 0.1367 61.86) 17.4%, oklch(70.58% 0.1378 63.77) 21.7%, oklch(70.75% 0.1355 65.95) 26.1%, oklch(69.63% 0.1294 67.74) 30.4%, oklch(67.56% 0.1207 69.38) 34.8%, oklch(64.73% 0.1104 71.53) 39.1%, oklch(61.32% 0.0994 74.83) 43.5%, oklch(57.51% 0.0888 79.94) 47.8%, oklch(53.35% 0.0793 87.32) 52.2%, oklch(48.30% 0.0691 96.29) 56.5%, oklch(42.62% 0.0585 106.78) 60.9%, oklch(36.69% 0.0484 118.84) 65.2%, oklch(30.89% 0.0396 132.53) 69.6%, oklch(25.60% 0.0329 147.94) 73.9%, oklch(20.89% 0.0291 166.39) 78.3%, oklch(16.22% 0.0278 189.63) 82.6%, oklch(11.84% 0.0211 216.25) 87.0%, oklch(7.92% 0.0203 245.89) 91.3%, oklch(4.50% 0.0305 264.13) 95.7%, oklch(3.47% 0.0212 278.49) 100.0%);

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

Gradient retro Gradient chữ Gradient mùa thu Gradient hình nền

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