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, 32 màu, góc 90°: #201b3d, #4d31a4, #8cb3e6, #c7fffc, #f2d6ea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#201b3d
#231b46
#271955
#2d1665
#341474
#3a1681
#401c8d
#472699
#4d31a4
#543eaf
#5b4cb9
#645cc2
#6d6dca
#747ed2
#7b8fda
#82a1e1
#8cb3e6
#97c3eb
#a1d1f0
#a8def5
#adeaf9
#b2f4fc
#bafcfd
#c7fffc
#d7fffa
#ddfffb
#e2fdfc
#e2fafe
#e2f3ff
#e4e9ff
#ecddf6
#f2d6ea

CSS

background: linear-gradient(90deg in oklch, oklch(24.80% 0.0620 287.58) 0.0%, oklch(25.81% 0.0783 288.02) 3.2%, oklch(27.19% 0.1023 288.68) 6.5%, oklch(28.92% 0.1279 289.33) 9.7%, oklch(30.94% 0.1493 289.69) 12.9%, oklch(33.24% 0.1621 289.59) 16.1%, oklch(35.84% 0.1699 289.26) 19.4%, oklch(38.74% 0.1738 288.64) 22.6%, oklch(41.93% 0.1743 287.68) 25.8%, oklch(45.40% 0.1717 286.30) 29.0%, oklch(49.25% 0.1646 284.95) 32.3%, oklch(53.43% 0.1536 283.42) 35.5%, oklch(57.79% 0.1406 281.10) 38.7%, oklch(62.16% 0.1275 277.37) 41.9%, oklch(66.53% 0.1148 271.68) 45.2%, oklch(71.12% 0.1003 264.23) 48.4%, oklch(75.69% 0.0859 255.63) 51.6%, oklch(79.96% 0.0737 246.52) 54.8%, oklch(83.68% 0.0659 237.35) 58.1%, oklch(87.03% 0.0639 226.60) 61.3%, oklch(90.04% 0.0652 215.11) 64.5%, oklch(92.61% 0.0667 204.76) 67.7%, oklch(94.64% 0.0654 197.40) 71.0%, oklch(96.09% 0.0568 192.39) 74.2%, oklch(97.03% 0.0419 187.96) 77.4%, oklch(97.47% 0.0353 187.04) 80.6%, oklch(97.45% 0.0289 192.60) 83.9%, oklch(96.93% 0.0255 208.38) 87.1%, oklch(95.52% 0.0241 238.77) 90.3%, oklch(93.63% 0.0306 276.43) 93.5%, oklch(91.79% 0.0367 312.00) 96.8%, 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