Xanh cổ vịt, đen và đỏ nâu (bổ túc) (gradient tuyến tính)

Bảng màu Xanh cổ vịt, đen và đỏ nâu (bổ túc)

Gradient tuyến tính, 32 màu, góc 225°: #4f7a7f, #214047, #191d26, #512c34, #a24946. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f7a7f
#4b767b
#456f74
#3f676d
#385f65
#32585e
#2c5057
#27484f
#214047
#1d3940
#1a323a
#182d35
#162830
#16232b
#161f28
#161d26
#191d26
#1d1e28
#24202b
#2c222d
#35252f
#3d2830
#472a32
#512c34
#5d2e37
#683139
#72343b
#7d383c
#883d3f
#924242
#9b4645
#a24946

CSS

background: linear-gradient(225deg in oklch, oklch(55.12% 0.0482 205.31) 0.0%, oklch(53.54% 0.0478 205.74) 3.2%, oklch(51.34% 0.0472 206.25) 6.5%, oklch(48.74% 0.0465 206.95) 9.7%, oklch(45.99% 0.0456 207.93) 12.9%, oklch(43.33% 0.0443 209.27) 16.1%, oklch(40.75% 0.0427 210.84) 19.4%, oklch(37.98% 0.0408 212.43) 22.6%, oklch(35.18% 0.0386 214.37) 25.8%, oklch(32.54% 0.0363 217.01) 29.0%, oklch(30.20% 0.0339 220.70) 32.3%, oklch(28.24% 0.0312 225.41) 35.5%, oklch(26.39% 0.0279 230.45) 38.7%, oklch(24.78% 0.0243 236.37) 41.9%, oklch(23.57% 0.0214 243.80) 45.2%, oklch(22.91% 0.0195 253.40) 48.4%, oklch(22.96% 0.0194 266.16) 51.6%, oklch(23.78% 0.0201 283.64) 54.8%, oklch(25.16% 0.0218 303.73) 58.1%, oklch(26.89% 0.0247 323.80) 61.3%, oklch(28.73% 0.0291 341.23) 64.5%, oklch(30.51% 0.0355 353.56) 67.7%, oklch(32.39% 0.0446 1.45) 71.0%, oklch(34.44% 0.0559 6.41) 74.2%, oklch(36.58% 0.0677 9.56) 77.4%, oklch(38.75% 0.0790 12.04) 80.6%, oklch(40.91% 0.0882 14.93) 83.9%, oklch(43.30% 0.0961 17.73) 87.1%, oklch(45.87% 0.1033 19.91) 90.3%, oklch(48.34% 0.1096 21.59) 93.5%, oklch(50.47% 0.1147 22.88) 96.8%, oklch(51.97% 0.1185 23.90) 100.0%);

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

Gradient tông tối Gradient hình nền máy tính Gradient u buồn Gradient UI chế độ tối

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