Xanh dương và xanh dương nhạt (đơn sắc) (gradient xuyên tâm)

Bảng màu Xanh dương và xanh dương nhạt (đơn sắc)

Gradient xuyên tâm, 32 màu: #2a7ddc, #235ad2, #87a2f5, #9aaceb, #0f0482. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2a7ddc
#297bdb
#2677da
#2372d9
#206dd7
#1e67d5
#1e62d4
#205dd3
#235ad2
#2759d2
#2e5ad3
#365fd5
#4268da
#5175e0
#6283e7
#7593ee
#87a2f5
#98b0fb
#a6bbff
#b0c3ff
#b5c6ff
#b2c4fd
#a9bbf6
#9aaceb
#869adf
#7086d1
#5970c1
#4359b2
#2e44a3
#1e2f96
#131a8b
#0f0482

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(59.06% 0.1640 254.53) 0.0%, oklch(58.46% 0.1661 255.15) 3.2%, oklch(57.49% 0.1696 255.98) 6.5%, oklch(56.26% 0.1740 256.95) 9.7%, oklch(54.91% 0.1789 258.05) 12.9%, oklch(53.56% 0.1838 259.22) 16.1%, oklch(52.34% 0.1882 260.43) 19.4%, oklch(51.37% 0.1918 261.63) 22.6%, oklch(50.77% 0.1940 262.79) 25.8%, oklch(50.69% 0.1945 263.87) 29.0%, oklch(51.23% 0.1927 264.82) 32.3%, oklch(52.67% 0.1880 265.65) 35.5%, oklch(55.38% 0.1794 266.46) 38.7%, oklch(59.06% 0.1679 267.27) 41.9%, oklch(63.37% 0.1544 268.05) 45.2%, oklch(67.97% 0.1398 268.78) 48.4%, oklch(72.52% 0.1252 269.46) 51.6%, oklch(76.68% 0.1113 270.06) 54.8%, oklch(80.10% 0.0992 270.58) 58.1%, oklch(82.46% 0.0871 271.00) 61.3%, oklch(83.40% 0.0822 271.30) 64.5%, oklch(82.58% 0.0828 271.48) 67.7%, oklch(79.83% 0.0863 271.47) 71.0%, oklch(75.47% 0.0934 271.30) 74.2%, oklch(69.87% 0.1036 271.01) 77.4%, oklch(63.42% 0.1157 270.62) 80.6%, oklch(56.51% 0.1291 270.17) 83.9%, oklch(49.51% 0.1429 269.70) 87.1%, oklch(42.81% 0.1562 269.24) 90.3%, oklch(36.80% 0.1681 268.83) 93.5%, oklch(31.85% 0.1779 268.49) 96.8%, oklch(28.35% 0.1846 268.27) 100.0%);

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

Gradient xanh dương rực

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