Xanh hải quân, tím, xanh dương nhạt và hồng (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, xanh dương nhạt và hồng

Gradient tuyến tính, 21 màu, góc 90°: #201b3d, #4c2ea1, #87aae4, #ccfffb, #f2d6ea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#201b3d
#251a4e
#2e1666
#38157d
#421e90
#4c2ea1
#5642b2
#635ac0
#7073cd
#7a8eda
#87aae4
#98c4eb
#a6d9f3
#adecfa
#b7fafc
#ccfffb
#ddfffa
#e2fcfc
#e2f4ff
#e7e3fc
#f2d6ea

CSS

background: linear-gradient(90deg in oklch, oklch(24.80% 0.0620 287.58) 0.0%, oklch(26.52% 0.0909 288.37) 5.0%, oklch(29.11% 0.1303 289.38) 10.0%, oklch(32.40% 0.1584 289.66) 15.0%, oklch(36.40% 0.1710 289.16) 20.0%, oklch(41.11% 0.1745 287.96) 25.0%, oklch(46.51% 0.1701 285.88) 30.0%, oklch(52.79% 0.1554 283.68) 35.0%, oklch(59.55% 0.1352 279.81) 40.0%, oklch(66.30% 0.1155 272.01) 45.0%, oklch(73.43% 0.0929 260.04) 50.0%, oklch(80.16% 0.0732 246.06) 55.0%, oklch(85.73% 0.0641 231.09) 60.0%, oklch(90.45% 0.0654 213.44) 65.0%, oklch(94.09% 0.0662 199.18) 70.0%, oklch(96.37% 0.0522 191.12) 75.0%, oklch(97.42% 0.0360 186.80) 80.0%, oklch(97.34% 0.0270 196.65) 85.0%, oklch(95.69% 0.0240 235.24) 90.0%, oklch(92.76% 0.0341 293.25) 95.0%, oklch(90.55% 0.0400 336.19) 100.0%);

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

Gradient xanh dương và tím hoa cà Gradient xanh dương và tí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