Nâu, xám, cam và đỏ nâu (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 45°: #501c38, #bbc6a0, #d0c29f, #ff3140, #853749. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#501c38
#572239
#60293a
#6b333b
#763f3d
#814c40
#8c5b45
#956b4c
#9d7c56
#a38c62
#a99b70
#aea97e
#b3b58b
#b7bf97
#bbc6a0
#bfcba7
#c2cfac
#c5d1b1
#c8d3b4
#cad3b7
#cbd3b8
#cdd2b8
#cdd0b8
#cdceb6
#cdccb4
#cdcab1
#cdc7ac
#cec5a6
#d0c29f
#d2be95
#d6b988
#dcb279
#e2aa68
#e9a057
#f19546
#f78837
#fd7a2c
#ff6d2d
#ff6133
#ff5439
#ff443d
#ff3140
#fb2244
#f51a49
#ec174d
#e21950
#d81e51
#cd2351
#c22851
#b72c50
#ad304f
#a3334d
#99354c
#91364b
#8b374a
#853749

CSS

background: linear-gradient(45deg in oklch, oklch(31.50% 0.0854 349.45) 0.0%, oklch(33.64% 0.0841 355.23) 1.8%, oklch(36.43% 0.0823 2.89) 3.6%, oklch(39.77% 0.0802 12.10) 5.5%, oklch(43.55% 0.0778 22.52) 7.3%, oklch(47.64% 0.0753 33.82) 9.1%, oklch(51.95% 0.0725 45.67) 10.9%, oklch(56.36% 0.0698 57.74) 12.7%, oklch(60.76% 0.0669 69.69) 14.5%, oklch(65.04% 0.0642 81.18) 16.4%, oklch(69.09% 0.0616 91.90) 18.2%, oklch(72.79% 0.0591 101.50) 20.0%, oklch(76.05% 0.0569 109.65) 21.8%, oklch(78.74% 0.0549 116.03) 23.6%, oklch(80.76% 0.0534 120.31) 25.5%, oklch(82.30% 0.0513 122.94) 27.3%, oklch(83.49% 0.0488 124.27) 29.1%, oklch(84.35% 0.0458 124.45) 30.9%, oklch(84.91% 0.0427 123.60) 32.7%, oklch(85.21% 0.0397 121.87) 34.5%, oklch(85.29% 0.0369 119.39) 36.4%, oklch(85.17% 0.0346 116.30) 38.2%, oklch(84.89% 0.0330 112.74) 40.0%, oklch(84.48% 0.0322 108.85) 41.8%, oklch(83.97% 0.0326 104.76) 43.6%, oklch(83.39% 0.0342 100.61) 45.5%, oklch(82.79% 0.0374 96.55) 47.3%, oklch(82.18% 0.0423 92.70) 49.1%, oklch(81.58% 0.0494 89.07) 50.9%, oklch(80.83% 0.0597 84.94) 52.7%, oklch(79.92% 0.0731 80.27) 54.5%, oklch(78.87% 0.0888 75.18) 56.4%, oklch(77.71% 0.1062 69.76) 58.2%, oklch(76.43% 0.1248 64.13) 60.0%, oklch(75.08% 0.1439 58.39) 61.8%, oklch(73.67% 0.1629 52.64) 63.6%, oklch(72.20% 0.1812 47.00) 65.5%, oklch(70.72% 0.1924 41.57) 67.3%, oklch(69.23% 0.2011 36.45) 69.1%, oklch(67.75% 0.2117 31.75) 70.9%, oklch(66.30% 0.2238 27.58) 72.7%, oklch(64.90% 0.2369 24.04) 74.5%, oklch(63.52% 0.2417 21.15) 76.4%, oklch(62.04% 0.2393 18.72) 78.2%, oklch(60.47% 0.2336 16.69) 80.0%, oklch(58.84% 0.2251 15.02) 81.8%, oklch(57.17% 0.2145 13.67) 83.6%, oklch(55.50% 0.2023 12.59) 85.5%, oklch(53.85% 0.1890 11.74) 87.3%, oklch(52.23% 0.1750 11.07) 89.1%, oklch(50.69% 0.1610 10.54) 90.9%, oklch(49.24% 0.1475 10.11) 92.7%, oklch(47.91% 0.1350 9.73) 94.5%, oklch(46.72% 0.1240 9.36) 96.4%, oklch(45.70% 0.1151 8.96) 98.2%, oklch(44.88% 0.1089 8.47) 100.0%);

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

Gradient đỏ và xanh lá

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