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

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

Gradient xuyên tâm, 32 màu: #0d072e, #6165cf, #5548d5, #590a9b, #9d3d72. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0d072e
#120c38
#1a1547
#25215a
#312e70
#3d3c88
#4a4ba1
#5759b9
#6165cf
#6a6fe1
#7074ed
#7376f4
#7172f5
#6c6bf1
#6561ea
#5d55e0
#5548d5
#4e3aca
#4a2cbe
#471fb4
#4712ac
#4a09a6
#5006a1
#590a9b
#631195
#6e188f
#792089
#832783
#8c2e7e
#943479
#9a3975
#9d3d72

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0744 282.66) 0.0%, oklch(19.82% 0.0808 282.35) 3.2%, oklch(23.89% 0.0894 281.88) 6.5%, oklch(28.84% 0.0998 281.30) 9.7%, oklch(34.35% 0.1113 280.65) 12.9%, oklch(40.11% 0.1236 279.99) 16.1%, oklch(45.80% 0.1361 279.37) 19.4%, oklch(51.13% 0.1483 278.85) 22.6%, oklch(55.78% 0.1597 278.47) 25.8%, oklch(59.43% 0.1698 278.28) 29.0%, oklch(61.77% 0.1782 278.34) 32.3%, oklch(62.54% 0.1847 278.60) 35.5%, oklch(61.86% 0.1906 278.75) 38.7%, oklch(60.02% 0.1959 278.88) 41.9%, oklch(57.31% 0.2005 279.07) 45.2%, oklch(54.02% 0.2043 279.42) 48.4%, oklch(50.42% 0.2073 280.02) 51.6%, oklch(46.82% 0.2095 280.98) 54.8%, oklch(43.50% 0.2108 282.38) 58.1%, oklch(40.74% 0.2112 284.31) 61.3%, oklch(38.84% 0.2105 286.88) 64.5%, oklch(38.05% 0.2087 290.22) 67.7%, oklch(38.11% 0.2048 294.77) 71.0%, oklch(38.80% 0.1992 300.43) 74.2%, oklch(39.99% 0.1920 306.87) 77.4%, oklch(41.53% 0.1840 313.82) 80.6%, oklch(43.29% 0.1754 320.97) 83.9%, oklch(45.15% 0.1667 328.01) 87.1%, oklch(46.96% 0.1584 334.66) 90.3%, oklch(48.59% 0.1510 340.61) 93.5%, oklch(49.91% 0.1449 345.57) 96.8%, oklch(50.79% 0.1406 349.23) 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