Xanh hải quân, tím và hồng (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím và hồng (tương đồng)

Gradient xuyên tâm, 32 màu: #090e2d, #302663, #744095, #ba5eb6, #f199c0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090e2d
#0c0f31
#0f1237
#13153e
#181846
#1e1c4e
#231f55
#29225c
#302663
#382969
#402c70
#482f76
#50337d
#593683
#613989
#6b3d8f
#744095
#7d449b
#8748a0
#914ca5
#9b50aa
#a654ae
#b059b2
#ba5eb6
#c464b9
#cd6abb
#d672bc
#dd7abc
#e484bd
#ea8cbe
#ee94bf
#f199c0

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0634 272.81) 0.0%, oklch(19.16% 0.0667 273.71) 3.2%, oklch(20.60% 0.0714 274.88) 6.5%, oklch(22.31% 0.0769 276.29) 9.7%, oklch(24.18% 0.0829 277.94) 12.9%, oklch(26.11% 0.0887 279.81) 16.1%, oklch(27.99% 0.0941 281.88) 19.4%, oklch(29.79% 0.0988 284.24) 22.6%, oklch(31.64% 0.1034 286.95) 25.8%, oklch(33.53% 0.1078 289.92) 29.0%, oklch(35.46% 0.1122 293.02) 32.3%, oklch(37.41% 0.1165 296.14) 35.5%, oklch(39.37% 0.1209 299.14) 38.7%, oklch(41.34% 0.1254 301.97) 41.9%, oklch(43.33% 0.1302 304.73) 45.2%, oklch(45.34% 0.1351 307.45) 48.4%, oklch(47.38% 0.1399 310.16) 51.6%, oklch(49.43% 0.1444 312.86) 54.8%, oklch(51.50% 0.1482 315.56) 58.1%, oklch(53.60% 0.1514 318.28) 61.3%, oklch(55.75% 0.1547 320.99) 64.5%, oklch(57.93% 0.1578 323.69) 67.7%, oklch(60.13% 0.1602 326.40) 71.0%, oklch(62.32% 0.1616 329.12) 74.2%, oklch(64.47% 0.1614 331.87) 77.4%, oklch(66.56% 0.1592 334.68) 80.6%, oklch(68.76% 0.1538 337.79) 83.9%, oklch(71.06% 0.1459 341.13) 87.1%, oklch(73.30% 0.1368 344.47) 90.3%, oklch(75.35% 0.1276 347.57) 93.5%, oklch(77.08% 0.1197 350.18) 96.8%, oklch(78.35% 0.1144 352.07) 100.0%);

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

Gradient 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