Nâu, tím, xanh hải quân và xám (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #705545, #d4c19f, #a37482, #2f5067, #97a196. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#705545
#745848
#785d4c
#7e6351
#856b56
#8d725d
#947b64
#9d846b
#a58e73
#ae977b
#b6a183
#bfaa8b
#c6b292
#ceba99
#d4c19f
#dac6a4
#dfcaa8
#e3ccaa
#e5ccab
#e6caaa
#e5c6a8
#e2bfa4
#ddb79f
#d7ad9a
#cfa294
#c6978f
#bb8b8a
#af8086
#a37482
#956a7e
#87607a
#795876
#6c5173
#5f4b6f
#54466c
#494369
#414267
#3a4266
#354465
#324765
#2f4b66
#2f5067
#315568
#355c6a
#3b626c
#43696e
#4c7071
#567774
#607e78
#6a847d
#748a81
#7d9086
#85968b
#8c9a8f
#929e93
#97a196

CSS

background: linear-gradient(135deg in oklch, oklch(47.24% 0.0441 52.03) 0.0%, oklch(48.53% 0.0443 52.95) 1.8%, oklch(50.24% 0.0446 54.44) 3.6%, oklch(52.31% 0.0450 56.40) 5.5%, oklch(54.68% 0.0453 58.74) 7.3%, oklch(57.29% 0.0457 61.34) 9.1%, oklch(60.09% 0.0461 64.12) 10.9%, oklch(63.01% 0.0466 66.98) 12.7%, oklch(65.99% 0.0471 69.82) 14.5%, oklch(68.97% 0.0475 72.53) 16.4%, oklch(71.89% 0.0480 75.03) 18.2%, oklch(74.69% 0.0486 77.22) 20.0%, oklch(77.31% 0.0491 78.98) 21.8%, oklch(79.69% 0.0496 80.24) 23.6%, oklch(81.77% 0.0501 80.89) 25.5%, oklch(83.49% 0.0507 80.82) 27.3%, oklch(84.78% 0.0512 79.95) 29.1%, oklch(85.60% 0.0517 78.17) 30.9%, oklch(85.87% 0.0522 75.39) 32.7%, oklch(85.52% 0.0527 71.52) 34.5%, oklch(84.49% 0.0534 66.57) 36.4%, oklch(82.85% 0.0542 60.65) 38.2%, oklch(80.68% 0.0550 53.86) 40.0%, oklch(78.07% 0.0560 46.29) 41.8%, oklch(75.09% 0.0570 38.04) 43.6%, oklch(71.82% 0.0580 29.22) 45.5%, oklch(68.34% 0.0590 19.91) 47.3%, oklch(64.72% 0.0599 10.22) 49.1%, oklch(61.06% 0.0608 0.26) 50.9%, oklch(57.42% 0.0616 350.11) 52.7%, oklch(53.90% 0.0623 339.87) 54.5%, oklch(50.56% 0.0628 329.65) 56.4%, oklch(47.48% 0.0632 319.54) 58.2%, oklch(44.75% 0.0634 309.64) 60.0%, oklch(42.44% 0.0634 300.06) 61.8%, oklch(40.64% 0.0631 290.88) 63.6%, oklch(39.42% 0.0625 282.21) 65.5%, oklch(38.86% 0.0617 274.10) 67.3%, oklch(38.86% 0.0604 265.95) 69.1%, oklch(39.34% 0.0588 257.61) 70.9%, oklch(40.26% 0.0569 249.14) 72.7%, oklch(41.54% 0.0546 240.58) 74.5%, oklch(43.16% 0.0521 232.00) 76.4%, oklch(45.04% 0.0495 223.44) 78.2%, oklch(47.15% 0.0466 214.97) 80.0%, oklch(49.42% 0.0437 206.63) 81.8%, oklch(51.81% 0.0408 198.48) 83.6%, oklch(54.25% 0.0378 190.57) 85.5%, oklch(56.71% 0.0348 182.96) 87.3%, oklch(59.11% 0.0320 175.71) 89.1%, oklch(61.43% 0.0293 168.85) 90.9%, oklch(63.59% 0.0267 162.46) 92.7%, oklch(65.55% 0.0244 156.58) 94.5%, oklch(67.25% 0.0224 151.27) 96.4%, oklch(68.65% 0.0207 146.58) 98.2%, oklch(69.69% 0.0193 142.56) 100.0%);

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

Gradient tông trầm

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