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

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

Gradient xuyên tâm, 32 màu: #001438, #132d9c, #6256e0, #a682f2, #d7b3ee. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001438
#00163e
#001947
#001c52
#001f5f
#002270
#032580
#0a298e
#132d9c
#1c31a9
#2535b4
#2e3abe
#383fc6
#4345ce
#4d4ad5
#5850da
#6256e0
#6d5ce4
#7762e8
#8268eb
#8b6eee
#9474f0
#9d7bf2
#a682f2
#af89f2
#b790f2
#bf97f1
#c69ef0
#cba5ef
#d0aaef
#d4afee
#d7b3ee

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.10% 0.0757 258.37) 0.0%, oklch(21.36% 0.0826 258.94) 3.2%, oklch(22.98% 0.0918 259.62) 6.5%, oklch(24.88% 0.1039 260.42) 9.7%, oklch(27.02% 0.1193 261.34) 12.9%, oklch(29.34% 0.1397 262.38) 16.1%, oklch(31.75% 0.1571 263.46) 19.4%, oklch(34.24% 0.1699 264.73) 22.6%, oklch(36.71% 0.1815 266.10) 25.8%, oklch(39.12% 0.1911 267.57) 29.0%, oklch(41.40% 0.1981 269.13) 32.3%, oklch(43.56% 0.2024 270.81) 35.5%, oklch(45.73% 0.2048 272.67) 38.7%, oklch(47.92% 0.2058 274.70) 41.9%, oklch(50.13% 0.2054 276.85) 45.2%, oklch(52.32% 0.2039 279.09) 48.4%, oklch(54.51% 0.2013 281.39) 51.6%, oklch(56.67% 0.1979 283.72) 54.8%, oklch(58.79% 0.1938 286.03) 58.1%, oklch(60.86% 0.1891 288.29) 61.3%, oklch(62.87% 0.1840 290.47) 64.5%, oklch(64.82% 0.1786 292.55) 67.7%, oklch(66.80% 0.1716 294.70) 71.0%, oklch(68.82% 0.1630 296.94) 74.2%, oklch(70.83% 0.1533 299.20) 77.4%, oklch(72.81% 0.1428 301.46) 80.6%, oklch(74.72% 0.1320 303.65) 83.9%, oklch(76.52% 0.1214 305.73) 87.1%, oklch(78.17% 0.1115 307.64) 90.3%, oklch(79.64% 0.1025 309.35) 93.5%, oklch(80.89% 0.0951 310.80) 96.8%, oklch(81.89% 0.0896 311.94) 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