Xanh lá sang nâu (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #89be92, #b9b971, #bb8048, #93452b, #543129. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#89be92
#8dbe8f
#92bf8c
#98c089
#a0c085
#a7c081
#aebf7c
#b4bd77
#b9b971
#bdb46b
#bfae65
#c1a75f
#c2a059
#c29854
#c09050
#be884c
#bb8048
#b77744
#b36e3f
#ad6539
#a75c35
#a15330
#9a4b2d
#93452b
#8b402b
#833c2a
#79392a
#70372a
#67352a
#5f342a
#58332a
#543129

CSS

background: linear-gradient(90deg in oklch, oklch(75.20% 0.0841 149.06) 0.0%, oklch(75.45% 0.0848 145.98) 3.2%, oklch(75.90% 0.0859 141.91) 6.5%, oklch(76.43% 0.0872 137.06) 9.7%, oklch(76.96% 0.0885 131.65) 12.9%, oklch(77.38% 0.0900 125.89) 16.1%, oklch(77.59% 0.0914 119.99) 19.4%, oklch(77.49% 0.0928 114.16) 22.6%, oklch(77.00% 0.0940 108.58) 25.8%, oklch(76.15% 0.0951 102.79) 29.0%, oklch(75.02% 0.0962 96.66) 32.3%, oklch(73.65% 0.0972 90.38) 35.5%, oklch(72.08% 0.0982 84.11) 38.7%, oklch(70.37% 0.0992 78.00) 41.9%, oklch(68.56% 0.1003 72.22) 45.2%, oklch(66.69% 0.1014 66.93) 48.4%, oklch(64.77% 0.1027 62.24) 51.6%, oklch(62.64% 0.1048 57.88) 54.8%, oklch(60.32% 0.1074 53.81) 58.1%, oklch(57.89% 0.1101 50.06) 61.3%, oklch(55.42% 0.1124 46.64) 64.5%, oklch(52.99% 0.1138 43.58) 67.7%, oklch(50.67% 0.1140 40.90) 71.0%, oklch(48.53% 0.1123 38.61) 74.2%, oklch(46.56% 0.1083 36.80) 77.4%, oklch(44.59% 0.1017 35.56) 80.6%, oklch(42.67% 0.0933 34.79) 83.9%, oklch(40.84% 0.0838 34.37) 87.1%, oklch(39.16% 0.0742 34.19) 90.3%, oklch(37.66% 0.0651 34.12) 93.5%, oklch(36.40% 0.0576 34.05) 96.8%, oklch(35.43% 0.0524 33.88) 100.0%);

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

Giỏ hái nấ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