Xanh hải quân, tím, xanh dương và xanh dương nhạt (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #011529, #9b79d0, #0e4686, #a278f6, #9ccdfc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#011529
#081e38
#182c4d
#2e3c68
#494d85
#655da0
#7f6bb7
#9275c8
#9b79d0
#9577d0
#8471c9
#6d68bc
#535dab
#39539a
#234a8c
#124684
#0e4686
#1b4991
#2f4fa2
#4756b5
#615dca
#7c66dc
#926eea
#a278f6
#a883ff
#a692ff
#a3a0ff
#9fadff
#9cb8ff
#99c1ff
#98c8ff
#9ccdfc

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(19.29% 0.0496 248.91) 0.0%, oklch(23.39% 0.0567 253.76) 3.2%, oklch(29.41% 0.0668 260.99) 6.5%, oklch(36.60% 0.0789 269.65) 9.7%, oklch(44.24% 0.0919 278.77) 12.9%, oklch(51.57% 0.1046 287.39) 16.1%, oklch(57.87% 0.1161 294.55) 19.4%, oklch(62.39% 0.1250 299.29) 22.6%, oklch(64.40% 0.1305 300.65) 25.8%, oklch(63.55% 0.1321 297.93) 29.0%, oklch(60.48% 0.1308 292.01) 32.3%, oklch(55.98% 0.1275 284.08) 35.5%, oklch(50.86% 0.1235 275.32) 38.7%, oklch(45.89% 0.1198 266.92) 41.9%, oklch(41.88% 0.1173 260.06) 45.2%, oklch(39.61% 0.1173 255.92) 48.4%, oklch(39.72% 0.1208 255.63) 51.6%, oklch(41.71% 0.1285 259.13) 54.8%, oklch(45.04% 0.1391 265.29) 58.1%, oklch(49.29% 0.1511 273.00) 61.3%, oklch(54.03% 0.1629 281.10) 64.5%, oklch(58.85% 0.1730 288.47) 67.7%, oklch(63.30% 0.1800 293.96) 71.0%, oklch(66.97% 0.1822 296.44) 74.2%, oklch(69.78% 0.1783 295.10) 77.4%, oklch(72.37% 0.1553 290.60) 80.6%, oklch(74.75% 0.1346 283.87) 83.9%, oklch(76.91% 0.1183 275.79) 87.1%, oklch(78.84% 0.1064 267.25) 90.3%, oklch(80.52% 0.0983 259.16) 93.5%, oklch(81.93% 0.0929 252.39) 96.8%, oklch(83.07% 0.0841 247.85) 100.0%);

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

Gradient xanh dương và tím

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