Nâu, xanh cổ vịt và xanh dương nhạt (gradient tuyến tính)

Bảng màu Nâu, xanh cổ vịt và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 90°: #5c4404, #4a7036, #00937e, #00a9b5, #6bbed9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5c4404
#5c4705
#5c4b07
#5b500b
#595611
#575c19
#546322
#4f692c
#4a7036
#447640
#3d7b4a
#367f53
#2e845b
#248864
#158c6d
#009075
#00937e
#009686
#00998e
#009c96
#009f9d
#00a2a5
#00a5ad
#00a9b5
#1badbc
#30b0c2
#3fb3c8
#4cb6cc
#56b8d1
#5fbbd4
#66bdd7
#6bbed9

CSS

background: linear-gradient(90deg in oklch, oklch(40.16% 0.0799 85.08) 0.0%, oklch(40.91% 0.0811 88.92) 3.2%, oklch(41.88% 0.0826 93.94) 6.5%, oklch(43.04% 0.0845 99.91) 9.7%, oklch(44.33% 0.0865 106.60) 12.9%, oklch(45.73% 0.0887 113.77) 16.1%, oklch(47.18% 0.0910 121.20) 19.4%, oklch(48.65% 0.0933 128.64) 22.6%, oklch(50.09% 0.0956 135.87) 25.8%, oklch(51.48% 0.0978 142.65) 29.0%, oklch(52.75% 0.0999 148.75) 32.3%, oklch(53.91% 0.1020 154.13) 35.5%, oklch(55.03% 0.1043 159.28) 38.7%, oklch(56.11% 0.1069 164.25) 41.9%, oklch(57.17% 0.1096 169.02) 45.2%, oklch(58.22% 0.1112 173.60) 48.4%, oklch(59.25% 0.1090 178.00) 51.6%, oklch(60.29% 0.1079 182.21) 54.8%, oklch(61.32% 0.1074 186.23) 58.1%, oklch(62.37% 0.1077 190.07) 61.3%, oklch(63.45% 0.1085 193.71) 64.5%, oklch(64.55% 0.1099 197.17) 67.7%, oklch(65.75% 0.1118 200.48) 71.0%, oklch(67.02% 0.1142 203.63) 74.2%, oklch(68.34% 0.1127 206.60) 77.4%, oklch(69.67% 0.1091 209.39) 80.6%, oklch(70.98% 0.1053 211.97) 83.9%, oklch(72.23% 0.1014 214.35) 87.1%, oklch(73.40% 0.0976 216.49) 90.3%, oklch(74.43% 0.0943 218.39) 93.5%, oklch(75.30% 0.0915 220.03) 96.8%, oklch(75.98% 0.0896 221.40) 100.0%);

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

Gradient ven biển Gradient hình nền máy tính

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