Nâu vàng, xanh lá, nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 45°: #b7a06c, #5e9454, #62a483, #a86f4b, #4f5c81. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b7a06c
#b39e68
#ad9d62
#a69b5c
#9d9956
#939851
#88964d
#7c954c
#71944d
#669450
#5e9454
#58965a
#529862
#4e9a6b
#4c9d74
#4c9f7c
#4fa282
#53a387
#57a589
#5ca587
#62a483
#68a27b
#709f70
#7a9b64
#849558
#8f8e4d
#998645
#a07e42
#a67645
#a86f4b
#a86855
#a46360
#9d5f6c
#935d77
#875c7f
#7a5c84
#6d5c86
#615c86
#575c84
#4f5c81

CSS

background: linear-gradient(45deg in oklch, oklch(71.26% 0.0744 86.48) 0.0%, oklch(70.59% 0.0769 89.86) 2.6%, oklch(69.63% 0.0805 94.38) 5.1%, oklch(68.47% 0.0848 99.78) 7.7%, oklch(67.18% 0.0896 105.81) 10.3%, oklch(65.85% 0.0945 112.19) 12.8%, oklch(64.56% 0.0992 118.67) 15.4%, oklch(63.39% 0.1035 124.98) 17.9%, oklch(62.41% 0.1070 130.86) 20.5%, oklch(61.71% 0.1094 136.05) 23.1%, oklch(61.37% 0.1103 140.34) 25.6%, oklch(61.43% 0.1098 144.83) 28.2%, oklch(61.84% 0.1081 149.74) 30.8%, oklch(62.48% 0.1054 154.70) 33.3%, oklch(63.29% 0.1022 159.37) 35.9%, oklch(64.16% 0.0985 163.38) 38.5%, oklch(65.01% 0.0948 166.37) 41.0%, oklch(65.75% 0.0913 167.98) 43.6%, oklch(66.29% 0.0883 167.86) 46.2%, oklch(66.55% 0.0861 165.64) 48.7%, oklch(66.45% 0.0850 160.97) 51.3%, oklch(66.11% 0.0846 153.83) 53.8%, oklch(65.60% 0.0849 144.57) 56.4%, oklch(64.93% 0.0856 133.57) 59.0%, oklch(64.13% 0.0865 121.19) 61.5%, oklch(63.24% 0.0875 107.81) 64.1%, oklch(62.28% 0.0884 93.80) 66.7%, oklch(61.28% 0.0890 79.54) 69.2%, oklch(60.28% 0.0890 65.39) 71.8%, oklch(59.29% 0.0885 51.74) 74.4%, oklch(58.29% 0.0871 38.13) 76.9%, oklch(57.14% 0.0849 23.03) 79.5%, oklch(55.89% 0.0822 6.88) 82.1%, oklch(54.57% 0.0790 350.21) 84.6%, oklch(53.24% 0.0757 333.55) 87.2%, oklch(51.94% 0.0723 317.43) 89.7%, oklch(50.73% 0.0691 302.38) 92.3%, oklch(49.64% 0.0662 288.93) 94.9%, oklch(48.72% 0.0637 277.61) 97.4%, oklch(48.03% 0.0620 268.95) 100.0%);

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

Mưa xuân Nam bán cầu

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