Tím, xanh dương, trắng và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #c44385, #5a68c2, #c6ebf9, #abb4bd, #535e69. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c44385
#bc438f
#af449c
#9f47a9
#8f4bb3
#8151bb
#7457be
#665fc0
#5a68c2
#4c75c5
#3887ca
#199ccc
#19b0cb
#42c1cd
#6ccfd8
#9bddea
#c6ebf9
#e5f4fd
#f2f7fa
#edeff1
#dee2e5
#cad1d7
#b9c2ca
#abb4bd
#9ca6b0
#8e98a3
#818b97
#76808c
#6b7581
#616b77
#59636f
#535e69

CSS

background: linear-gradient(270deg in oklch, oklch(58.27% 0.1764 352.27) 0.0%, oklch(57.44% 0.1750 345.23) 3.2%, oklch(56.21% 0.1733 335.18) 6.5%, oklch(54.96% 0.1708 323.69) 9.7%, oklch(54.09% 0.1673 312.32) 12.9%, oklch(53.83% 0.1622 302.37) 16.1%, oklch(53.72% 0.1555 293.16) 19.4%, oklch(54.01% 0.1477 283.94) 22.6%, oklch(55.01% 0.1398 274.06) 25.8%, oklch(57.06% 0.1327 262.80) 29.0%, oklch(60.45% 0.1280 247.61) 32.3%, oklch(64.84% 0.1242 230.18) 35.5%, oklch(69.75% 0.1190 214.49) 38.7%, oklch(74.65% 0.1098 204.51) 41.9%, oklch(79.72% 0.0933 203.87) 45.2%, oklch(85.82% 0.0691 211.46) 48.4%, oklch(91.70% 0.0427 222.97) 51.6%, oklch(95.96% 0.0202 234.02) 54.8%, oklch(97.23% 0.0071 240.43) 58.1%, oklch(95.19% 0.0037 243.13) 61.3%, oklch(90.97% 0.0062 244.12) 64.5%, oklch(85.80% 0.0111 244.48) 67.7%, oklch(80.92% 0.0149 245.31) 71.0%, oklch(76.64% 0.0165 247.23) 74.2%, oklch(72.09% 0.0183 249.58) 77.4%, oklch(67.53% 0.0201 251.84) 80.6%, oklch(63.24% 0.0215 253.50) 83.9%, oklch(59.44% 0.0223 254.06) 87.1%, oklch(55.80% 0.0226 253.41) 90.3%, oklch(52.44% 0.0224 252.09) 93.5%, oklch(49.64% 0.0222 250.68) 96.8%, oklch(47.64% 0.0220 249.76) 100.0%);

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

Gradient hologram Bảng màu vaporwave

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