Tím, xám và xanh lá đậm (gradient xuyên tâm)

Gradient xuyên tâm, 96 màu: #53283f, #80475f, #77745b, #4c6a5e, #284842. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#53283f
#54283f
#552940
#572a42
#582b43
#592c45
#5b2d47
#5d2e49
#5f304b
#60314d
#62324f
#643451
#663553
#683755
#6b3857
#6d3a59
#6f3b5b
#713d5d
#733e5e
#76405f
#784160
#7a4360
#7c4460
#7e4660
#80475f
#82485e
#844a5d
#854b5b
#874d59
#884f57
#895155
#8a5353
#8a5652
#8a5850
#8a5b4f
#8a5d4e
#89604d
#88624d
#87654d
#85674e
#84694f
#826c50
#806d51
#7e6f53
#7d7155
#7b7257
#7a7358
#78745a
#77745b
#75755c
#74755d
#72765d
#71765e
#6f765f
#6d765f
#6b765f
#6a755f
#687560
#667460
#647460
#627360
#607360
#5e7260
#5c715f
#5a715f
#58705f
#566f5f
#546e5f
#526d5e
#506c5e
#4e6b5e
#4c6a5e
#4b695d
#49685d
#48665c
#46655b
#44635a
#426259
#416058
#3f5f56
#3d5d55
#3b5b54
#3a5952
#385851
#36564f
#35544e
#33534c
#31514b
#305049
#2f4e48
#2d4d47
#2c4b46
#2b4a45
#2a4944
#294843
#284842

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.0717 348.75) 0.0%, oklch(34.55% 0.0720 348.76) 1.1%, oklch(34.90% 0.0724 348.62) 2.1%, oklch(35.30% 0.0730 348.35) 3.2%, oklch(35.74% 0.0737 347.98) 4.2%, oklch(36.22% 0.0745 347.53) 5.3%, oklch(36.73% 0.0753 347.02) 6.3%, oklch(37.27% 0.0762 346.48) 7.4%, oklch(37.84% 0.0771 345.92) 8.4%, oklch(38.44% 0.0780 345.38) 9.5%, oklch(39.05% 0.0790 344.86) 10.5%, oklch(39.67% 0.0799 344.40) 11.6%, oklch(40.31% 0.0808 344.02) 12.6%, oklch(40.96% 0.0817 343.73) 13.7%, oklch(41.60% 0.0825 343.57) 14.7%, oklch(42.25% 0.0832 343.55) 15.8%, oklch(42.89% 0.0838 343.70) 16.8%, oklch(43.52% 0.0844 344.04) 17.9%, oklch(44.14% 0.0848 344.59) 18.9%, oklch(44.74% 0.0851 345.37) 20.0%, oklch(45.32% 0.0852 346.41) 21.1%, oklch(45.88% 0.0852 347.73) 22.1%, oklch(46.40% 0.0849 349.35) 23.2%, oklch(46.90% 0.0845 351.29) 24.2%, oklch(47.36% 0.0839 353.59) 25.3%, oklch(47.81% 0.0830 356.29) 26.3%, oklch(48.27% 0.0818 359.40) 27.4%, oklch(48.73% 0.0804 2.89) 28.4%, oklch(49.19% 0.0788 6.71) 29.5%, oklch(49.66% 0.0770 10.85) 30.5%, oklch(50.12% 0.0750 15.25) 31.6%, oklch(50.57% 0.0729 19.90) 32.6%, oklch(51.02% 0.0707 24.75) 33.7%, oklch(51.46% 0.0684 29.78) 34.7%, oklch(51.89% 0.0660 34.95) 35.8%, oklch(52.31% 0.0635 40.23) 36.8%, oklch(52.71% 0.0611 45.58) 37.9%, oklch(53.09% 0.0586 50.98) 38.9%, oklch(53.45% 0.0562 56.38) 40.0%, oklch(53.79% 0.0538 61.76) 41.1%, oklch(54.11% 0.0515 67.08) 42.1%, oklch(54.40% 0.0492 72.32) 43.2%, oklch(54.66% 0.0471 77.42) 44.2%, oklch(54.90% 0.0451 82.37) 45.3%, oklch(55.10% 0.0433 87.13) 46.3%, oklch(55.26% 0.0417 91.67) 47.4%, oklch(55.39% 0.0403 95.95) 48.4%, oklch(55.48% 0.0391 99.95) 49.5%, oklch(55.53% 0.0381 103.65) 50.5%, oklch(55.54% 0.0374 107.26) 51.6%, oklch(55.52% 0.0368 110.80) 52.6%, oklch(55.46% 0.0363 114.27) 53.7%, oklch(55.37% 0.0360 117.67) 54.7%, oklch(55.24% 0.0358 121.00) 55.8%, oklch(55.09% 0.0357 124.26) 56.8%, oklch(54.91% 0.0356 127.45) 57.9%, oklch(54.70% 0.0357 130.55) 58.9%, oklch(54.47% 0.0359 133.58) 60.0%, oklch(54.22% 0.0361 136.54) 61.1%, oklch(53.95% 0.0364 139.40) 62.1%, oklch(53.65% 0.0367 142.19) 63.2%, oklch(53.34% 0.0371 144.89) 64.2%, oklch(53.02% 0.0375 147.51) 65.3%, oklch(52.68% 0.0378 150.04) 66.3%, oklch(52.33% 0.0382 152.48) 67.4%, oklch(51.97% 0.0386 154.83) 68.4%, oklch(51.60% 0.0389 157.08) 69.5%, oklch(51.23% 0.0393 159.25) 70.5%, oklch(50.85% 0.0395 161.31) 71.6%, oklch(50.47% 0.0397 163.28) 72.6%, oklch(50.08% 0.0399 165.15) 73.7%, oklch(49.70% 0.0400 166.92) 74.7%, oklch(49.31% 0.0400 168.57) 75.8%, oklch(48.88% 0.0399 170.07) 76.8%, oklch(48.41% 0.0399 171.44) 77.9%, oklch(47.90% 0.0399 172.67) 78.9%, oklch(47.37% 0.0398 173.78) 80.0%, oklch(46.82% 0.0398 174.78) 81.1%, oklch(46.24% 0.0397 175.67) 82.1%, oklch(45.65% 0.0397 176.46) 83.2%, oklch(45.05% 0.0396 177.15) 84.2%, oklch(44.44% 0.0395 177.77) 85.3%, oklch(43.82% 0.0394 178.31) 86.3%, oklch(43.21% 0.0394 178.78) 87.4%, oklch(42.60% 0.0393 179.19) 88.4%, oklch(42.00% 0.0392 179.55) 89.5%, oklch(41.42% 0.0391 179.87) 90.5%, oklch(40.85% 0.0390 180.16) 91.6%, oklch(40.30% 0.0390 180.41) 92.6%, oklch(39.77% 0.0389 180.65) 93.7%, oklch(39.28% 0.0388 180.88) 94.7%, oklch(38.82% 0.0388 181.10) 95.8%, oklch(38.40% 0.0387 181.33) 96.8%, oklch(38.02% 0.0387 181.58) 97.9%, oklch(37.69% 0.0386 181.84) 98.9%, oklch(37.40% 0.0386 182.14) 100.0%);

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

Gradient khu vườn phong sương

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