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

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

Gradient tuyến tính, 32 màu, góc 165°: #17122b, #5b3788, #168dbd, #c46daf, #2a2a32. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#17122b
#1c1633
#241a3e
#2d1f4c
#38255a
#422a68
#4c2f75
#53337f
#5b3788
#623a90
#673e98
#6b43a1
#6b4bab
#6657b6
#5468c1
#387cc3
#168dbd
#1299b4
#27a0b2
#33a2ba
#499ecd
#7591dd
#a47ed4
#c46daf
#ce6183
#c75b6a
#b15365
#924a67
#6e4263
#4c3a55
#353142
#2a2a32

CSS

background: linear-gradient(165deg in oklch, oklch(20.47% 0.0482 290.39) 0.0%, oklch(22.39% 0.0559 291.56) 3.2%, oklch(25.07% 0.0667 293.31) 6.5%, oklch(28.24% 0.0795 295.34) 9.7%, oklch(31.59% 0.0927 297.31) 12.9%, oklch(34.84% 0.1052 298.91) 16.1%, oklch(37.69% 0.1155 299.83) 19.4%, oklch(40.01% 0.1235 300.41) 22.6%, oklch(42.04% 0.1310 301.50) 25.8%, oklch(43.90% 0.1377 302.37) 29.0%, oklch(45.69% 0.1430 302.28) 32.3%, oklch(47.53% 0.1465 300.45) 35.5%, oklch(49.53% 0.1477 296.15) 38.7%, oklch(51.84% 0.1457 287.56) 41.9%, oklch(54.62% 0.1390 271.66) 45.2%, oklch(57.61% 0.1295 251.91) 48.4%, oklch(60.54% 0.1191 232.33) 51.6%, oklch(63.11% 0.1097 216.95) 54.8%, oklch(65.03% 0.1034 209.80) 58.1%, oklch(66.08% 0.1023 215.16) 61.3%, oklch(66.66% 0.1080 236.07) 64.5%, oklch(66.80% 0.1178 267.47) 67.7%, oklch(66.40% 0.1287 303.15) 71.0%, oklch(65.34% 0.1377 336.89) 74.2%, oklch(63.51% 0.1417 2.44) 77.4%, oklch(60.77% 0.1375 13.69) 80.6%, oklch(56.38% 0.1234 10.06) 83.9%, oklch(50.59% 0.1020 356.21) 87.1%, oklch(44.16% 0.0769 336.41) 90.3%, oklch(37.86% 0.0517 314.94) 93.5%, oklch(32.47% 0.0299 296.06) 96.8%, oklch(28.74% 0.0152 284.05) 100.0%);

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

Gradient banner máy chủ Discord

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