Tím, xám và nâu vàng (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 21 màu, góc 270°: #7871b2, #5d7679, #afa14e, #b5bb9e, #6a979b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7871b2
#746dad
#6e68a6
#5f6aa0
#50738e
#5d7679
#697b74
#70876c
#879156
#a0974a
#afa14e
#b6ad59
#bfb369
#c6b67e
#c3b991
#b5bb9e
#a6b8ab
#9eb0ae
#90a8a8
#7a9ea1
#6a979b

CSS

background: linear-gradient(270deg in oklch, oklch(58.27% 0.0978 287.58) 0.0%, oklch(56.82% 0.0969 288.15) 5.0%, oklch(54.91% 0.0944 286.96) 10.0%, oklch(53.88% 0.0846 274.04) 15.0%, oklch(53.91% 0.0582 242.75) 20.0%, oklch(54.74% 0.0299 203.50) 25.0%, oklch(56.55% 0.0240 170.17) 30.0%, oklch(59.65% 0.0485 140.83) 35.0%, oklch(63.34% 0.0812 116.49) 40.0%, oklch(66.83% 0.0991 102.56) 45.0%, oklch(70.45% 0.1063 100.47) 50.0%, oklch(73.71% 0.1059 102.58) 55.0%, oklch(76.02% 0.0965 100.46) 60.0%, oklch(77.62% 0.0765 94.51) 65.0%, oklch(78.34% 0.0556 96.02) 70.0%, oklch(77.94% 0.0405 117.20) 75.0%, oklch(76.49% 0.0275 154.46) 80.0%, oklch(74.36% 0.0208 186.44) 85.0%, oklch(71.26% 0.0259 199.17) 90.0%, oklch(67.38% 0.0393 201.55) 95.0%, oklch(64.57% 0.0496 201.98) 100.0%);

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

Gradient khu vườn phong sương Gradient nhiều màu dị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