Xanh dương, xanh hải quân, tím đậm và xám (gradient hình nón)

Bảng màu Xanh dương, xanh hải quân, tím đậm và xám

Gradient hình nón, 21 màu, góc 135°: #6e7799, #2b3f42, #6a96a2, #313b63, #727c63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e7799
#5d6180
#464560
#33374d
#283846
#2b3f42
#3a4c48
#526460
#69817d
#719191
#6a96a2
#628fac
#567ea5
#38648d
#254b75
#313b63
#3d354f
#463943
#594846
#6e6350
#727c63

CSS

background: conic-gradient(from 135deg in oklch, oklch(57.48% 0.0537 272.81) 0.0%, oklch(50.13% 0.0500 278.85) 5.0%, oklch(40.28% 0.0447 285.14) 10.0%, oklch(34.20% 0.0392 277.71) 15.0%, oklch(33.20% 0.0324 245.62) 20.0%, oklch(35.27% 0.0259 206.06) 25.0%, oklch(39.85% 0.0231 183.41) 30.0%, oklch(48.79% 0.0238 179.27) 35.0%, oklch(58.30% 0.0277 184.97) 40.0%, oklch(63.26% 0.0361 196.12) 45.0%, oklch(64.49% 0.0508 216.74) 50.0%, oklch(62.90% 0.0657 237.94) 55.0%, oklch(58.02% 0.0753 248.34) 60.0%, oklch(48.94% 0.0826 248.80) 65.0%, oklch(40.51% 0.0831 253.05) 70.0%, oklch(36.44% 0.0699 271.15) 75.0%, oklch(34.95% 0.0445 298.43) 80.0%, oklch(36.19% 0.0247 333.73) 85.0%, oklch(41.72% 0.0234 23.34) 90.0%, oklch(50.53% 0.0324 83.16) 95.0%, oklch(57.09% 0.0400 126.28) 100.0%);

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

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