Tím, nâu vàng và nâu tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #622c42, #7e6c87, #622556, #d0a87a, #883b2d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#622c42
#65324a
#6a3b54
#6e4661
#73526d
#785d77
#7c667f
#7e6b85
#7e6c87
#7a6784
#735d7f
#6a5077
#61426f
#5b3566
#572a5e
#592459
#622556
#732f56
#893f56
#a05659
#b46f5f
#c38868
#cc9c73
#d0a87a
#cfa979
#c9a070
#c09162
#b57e52
#a86944
#9b5639
#904532
#883b2d

CSS

background: linear-gradient(45deg in oklch, oklch(37.40% 0.0841 355.78) 0.0%, oklch(39.16% 0.0802 352.16) 3.2%, oklch(41.81% 0.0743 346.89) 6.5%, oklch(44.97% 0.0672 340.58) 9.7%, oklch(48.30% 0.0599 333.87) 12.9%, oklch(51.41% 0.0532 327.37) 16.1%, oklch(53.95% 0.0480 321.69) 19.4%, oklch(55.54% 0.0453 317.47) 22.6%, oklch(55.82% 0.0460 315.25) 25.8%, oklch(54.25% 0.0509 314.09) 29.0%, oklch(51.20% 0.0593 313.64) 32.3%, oklch(47.31% 0.0697 314.05) 35.5%, oklch(43.21% 0.0810 315.52) 38.7%, oklch(39.52% 0.0919 318.21) 41.9%, oklch(36.87% 0.1010 322.31) 45.2%, oklch(35.89% 0.1073 327.99) 48.4%, oklch(37.24% 0.1094 335.80) 51.6%, oklch(41.24% 0.1078 347.54) 54.8%, oklch(47.13% 0.1034 2.22) 58.1%, oklch(54.08% 0.0975 18.41) 61.3%, oklch(61.26% 0.0908 34.68) 64.5%, oklch(67.81% 0.0846 49.60) 67.7%, oklch(72.92% 0.0797 61.73) 71.0%, oklch(75.74% 0.0773 69.66) 74.2%, oklch(75.66% 0.0779 72.33) 77.4%, oklch(73.21% 0.0807 70.58) 80.6%, oklch(69.04% 0.0850 65.57) 83.9%, oklch(63.81% 0.0903 58.45) 87.1%, oklch(58.17% 0.0960 50.36) 90.3%, oklch(52.76% 0.1014 42.44) 93.5%, oklch(48.25% 0.1059 35.85) 96.8%, oklch(45.28% 0.1089 31.71) 100.0%);

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