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

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

Gradient tuyến tính, 32 màu, góc 90°: #29104e, #ac2aa4, #cf77e7, #8d8bfd, #57dff4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#29104e
#2e1255
#351660
#3f1a6d
#4b1e7b
#5a2388
#6f2695
#8c299f
#ac2aa4
#cb2ca5
#e231a6
#ed3cad
#ef4bb9
#e959c7
#e066d5
#d670df
#cf77e7
#c77dee
#be82f4
#b586f9
#ab89fc
#a18cfe
#978cfe
#8d8bfd
#828bfc
#768efc
#6995fd
#59a4ff
#48b6ff
#42c8fc
#4ad6f8
#57dff4

CSS

background: linear-gradient(90deg in oklch, oklch(25.20% 0.1061 296.02) 0.0%, oklch(26.96% 0.1132 296.78) 3.2%, oklch(29.34% 0.1231 297.55) 6.5%, oklch(32.24% 0.1349 298.81) 9.7%, oklch(35.55% 0.1476 301.05) 12.9%, oklch(39.14% 0.1605 304.74) 16.1%, oklch(43.29% 0.1748 311.10) 19.4%, oklch(48.29% 0.1924 320.51) 22.6%, oklch(53.58% 0.2102 330.88) 25.8%, oklch(58.58% 0.2253 340.05) 29.0%, oklch(62.70% 0.2344 345.90) 32.3%, oklch(65.54% 0.2348 346.76) 35.5%, oklch(67.44% 0.2269 343.63) 38.7%, oklch(68.69% 0.2140 337.94) 41.9%, oklch(69.51% 0.1998 331.04) 45.2%, oklch(70.15% 0.1876 324.28) 48.4%, oklch(70.77% 0.1800 318.66) 51.6%, oklch(71.13% 0.1748 312.97) 54.8%, oklch(71.24% 0.1708 307.08) 58.1%, oklch(71.17% 0.1678 301.17) 61.3%, oklch(71.00% 0.1654 295.43) 64.5%, oklch(70.76% 0.1634 290.09) 67.7%, oklch(70.01% 0.1630 285.73) 71.0%, oklch(69.00% 0.1638 281.82) 74.2%, oklch(68.15% 0.1644 277.60) 77.4%, oklch(67.91% 0.1637 272.27) 80.6%, oklch(68.74% 0.1604 265.04) 83.9%, oklch(71.08% 0.1537 254.56) 87.1%, oklch(74.47% 0.1445 241.82) 90.3%, oklch(78.22% 0.1347 228.76) 93.5%, oklch(81.59% 0.1259 217.29) 96.8%, oklch(83.86% 0.1199 209.36) 100.0%);

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

Gradient vaporwave 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