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

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

Gradient xuyên tâm, 32 màu: #081331, #20275d, #534f98, #9f95cd, #ebe3fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081331
#091435
#0c1739
#0e193e
#111b43
#141e49
#18214f
#1c2456
#20275d
#252b65
#2a2f6c
#303374
#36387c
#3d3d83
#44438a
#4b4991
#534f98
#5c579f
#6660a7
#7069ae
#7c74b6
#877fbe
#938ac5
#9f95cd
#aba1d4
#b7addb
#c2b8e2
#ccc2e9
#d6ccef
#ded5f4
#e5ddf9
#ebe3fd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0634 265.78) 0.0%, oklch(20.59% 0.0655 266.39) 3.2%, oklch(21.61% 0.0685 267.13) 6.5%, oklch(22.76% 0.0722 267.97) 9.7%, oklch(24.02% 0.0764 268.92) 12.9%, oklch(25.39% 0.0811 269.95) 16.1%, oklch(26.88% 0.0859 271.05) 19.4%, oklch(28.47% 0.0909 272.21) 22.6%, oklch(30.16% 0.0958 273.42) 25.8%, oklch(31.94% 0.1005 274.66) 29.0%, oklch(33.82% 0.1048 275.92) 32.3%, oklch(35.79% 0.1087 277.20) 35.5%, oklch(37.85% 0.1118 278.47) 38.7%, oklch(39.99% 0.1142 279.72) 41.9%, oklch(42.21% 0.1157 280.94) 45.2%, oklch(44.50% 0.1160 282.12) 48.4%, oklch(46.90% 0.1151 283.26) 51.6%, oklch(49.60% 0.1129 284.46) 54.8%, oklch(52.60% 0.1095 285.72) 58.1%, oklch(55.83% 0.1051 287.03) 61.3%, oklch(59.24% 0.0998 288.36) 64.5%, oklch(62.78% 0.0939 289.72) 67.7%, oklch(66.39% 0.0875 291.07) 71.0%, oklch(70.01% 0.0808 292.40) 74.2%, oklch(73.60% 0.0739 293.70) 77.4%, oklch(77.08% 0.0670 294.96) 80.6%, oklch(80.42% 0.0604 296.15) 83.9%, oklch(83.55% 0.0540 297.27) 87.1%, oklch(86.42% 0.0483 298.29) 90.3%, oklch(88.98% 0.0432 299.21) 93.5%, oklch(91.16% 0.0390 300.00) 96.8%, oklch(92.91% 0.0358 300.65) 100.0%);

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

Gradient xuyên 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