Xanh dương nhạt sang tím (tương đồng) (gradient tuyến tính)

Bảng màu Xanh dương nhạt sang tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 90°: #c5c1f4, #b0abff, #948ce8, #796fb9, #564ba5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c5c1f4
#c3bff6
#c1bdf8
#bfbafa
#bcb7fd
#b9b4ff
#b6b1ff
#b3aeff
#b0abff
#ada7ff
#aaa3ff
#a6a0fc
#a39cf9
#9f98f6
#9c94f2
#9890ed
#948ce8
#9188e2
#8d84db
#8980d4
#857ccc
#8178c5
#7d73be
#796fb9
#746bb5
#6f66b1
#6a61ae
#655cac
#6157aa
#5c52a8
#594ea6
#564ba5

CSS

background: linear-gradient(90deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(82.69% 0.0760 288.10) 3.2%, oklch(82.20% 0.0822 287.83) 6.5%, oklch(81.62% 0.0895 287.52) 9.7%, oklch(80.97% 0.0975 287.18) 12.9%, oklch(80.24% 0.1048 286.85) 16.1%, oklch(79.45% 0.1091 286.54) 19.4%, oklch(78.61% 0.1138 286.30) 22.6%, oklch(77.73% 0.1188 286.14) 25.8%, oklch(76.79% 0.1242 286.03) 29.0%, oklch(75.78% 0.1297 285.95) 32.3%, oklch(74.71% 0.1318 285.91) 35.5%, oklch(73.59% 0.1332 285.91) 38.7%, oklch(72.41% 0.1340 285.94) 41.9%, oklch(71.19% 0.1342 286.00) 45.2%, oklch(69.93% 0.1340 286.10) 48.4%, oklch(68.63% 0.1331 286.25) 51.6%, oklch(67.24% 0.1307 286.52) 54.8%, oklch(65.78% 0.1272 286.88) 58.1%, oklch(64.28% 0.1232 287.27) 61.3%, oklch(62.75% 0.1190 287.66) 64.5%, oklch(61.21% 0.1154 287.99) 67.7%, oklch(59.70% 0.1127 288.22) 71.0%, oklch(58.23% 0.1116 288.29) 74.2%, oklch(56.77% 0.1124 288.17) 77.4%, oklch(55.21% 0.1150 287.86) 80.6%, oklch(53.61% 0.1188 287.42) 83.9%, oklch(52.04% 0.1234 286.90) 87.1%, oklch(50.55% 0.1282 286.35) 90.3%, oklch(49.21% 0.1328 285.83) 93.5%, oklch(48.09% 0.1366 285.40) 96.8%, oklch(47.24% 0.1392 285.11) 100.0%);

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

Gradient cho hero section Gradient hình nền máy tính

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