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

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

Gradient xuyên tâm, 32 màu: #15122b, #3e326b, #644b9e, #483778, #221b41. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#15122b
#17142f
#1b1735
#1f1a3c
#241f44
#2a234d
#312857
#372d61
#3e326b
#453775
#4c3c7e
#534087
#58448f
#5d4796
#614a9b
#634b9d
#644b9e
#634b9d
#61499a
#5d4695
#59438f
#533f88
#4e3b80
#483778
#42336f
#3c2e67
#362a5e
#302657
#2c2250
#281f49
#241c45
#221b41

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0496 286.17) 0.0%, oklch(21.19% 0.0528 286.51) 3.2%, oklch(22.69% 0.0570 286.95) 6.5%, oklch(24.50% 0.0621 287.48) 9.7%, oklch(26.56% 0.0680 288.09) 12.9%, oklch(28.82% 0.0744 288.76) 16.1%, oklch(31.20% 0.0811 289.46) 19.4%, oklch(33.64% 0.0881 290.18) 22.6%, oklch(36.09% 0.0950 290.91) 25.8%, oklch(38.47% 0.1018 291.62) 29.0%, oklch(40.73% 0.1082 292.30) 32.3%, oklch(42.79% 0.1141 292.92) 35.5%, oklch(44.60% 0.1193 293.48) 38.7%, oklch(46.10% 0.1237 293.95) 41.9%, oklch(47.21% 0.1269 294.31) 45.2%, oklch(47.88% 0.1290 294.56) 48.4%, oklch(48.05% 0.1297 294.66) 51.6%, oklch(47.73% 0.1290 294.63) 54.8%, oklch(46.98% 0.1272 294.50) 58.1%, oklch(45.86% 0.1244 294.26) 61.3%, oklch(44.43% 0.1207 293.94) 64.5%, oklch(42.75% 0.1164 293.55) 67.7%, oklch(40.88% 0.1115 293.11) 71.0%, oklch(38.88% 0.1062 292.64) 74.2%, oklch(36.80% 0.1008 292.14) 77.4%, oklch(34.71% 0.0953 291.63) 80.6%, oklch(32.66% 0.0899 291.14) 83.9%, oklch(30.72% 0.0848 290.67) 87.1%, oklch(28.95% 0.0801 290.24) 90.3%, oklch(27.39% 0.0760 289.86) 93.5%, oklch(26.12% 0.0727 289.56) 96.8%, oklch(25.20% 0.0703 289.34) 100.0%);

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

Gradient xanh chà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