Xanh hải quân và xanh dương (đơn sắc) liền mạch (gradient xuyên tâm)

Xanh hải quân và xanh dương (đơn sắc) liền mạch: bảng màu gồm 32 màu. #080e20, #1a3779, #1a59c3, #133b81, #07132c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#080e20
#091125
#0b142d
#0e1937
#101e42
#13234f
#162a5c
#18306b
#1a3779
#1c3e88
#1d4496
#1e4aa3
#1e4faf
#1d54b8
#1c57bf
#1b59c3
#1a59c3
#1958c0
#1855bb
#1752b2
#174da8
#16479c
#15418f
#133b81
#123473
#102e66
#0e2859
#0d224d
#0b1d42
#091939
#081632
#07132c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0386 267.89) 0.0%, oklch(18.22% 0.0441 267.60) 3.2%, oklch(19.97% 0.0516 267.23) 6.5%, oklch(22.09% 0.0607 266.78) 9.7%, oklch(24.50% 0.0711 266.27) 12.9%, oklch(27.15% 0.0825 265.72) 16.1%, oklch(29.94% 0.0944 265.13) 19.4%, oklch(32.80% 0.1067 264.52) 22.6%, oklch(35.65% 0.1190 263.91) 25.8%, oklch(38.42% 0.1309 263.30) 29.0%, oklch(41.04% 0.1422 262.72) 32.3%, oklch(43.42% 0.1524 262.17) 35.5%, oklch(45.50% 0.1614 261.67) 38.7%, oklch(47.18% 0.1687 261.23) 41.9%, oklch(48.41% 0.1741 260.87) 45.2%, oklch(49.09% 0.1772 260.59) 48.4%, oklch(49.17% 0.1777 260.42) 51.6%, oklch(48.65% 0.1756 260.33) 54.8%, oklch(47.59% 0.1713 260.32) 58.1%, oklch(46.08% 0.1651 260.37) 61.3%, oklch(44.18% 0.1573 260.47) 64.5%, oklch(41.97% 0.1481 260.63) 67.7%, oklch(39.53% 0.1380 260.82) 71.0%, oklch(36.94% 0.1272 261.03) 74.2%, oklch(34.25% 0.1160 261.26) 77.4%, oklch(31.55% 0.1048 261.51) 80.6%, oklch(28.92% 0.0938 261.75) 83.9%, oklch(26.42% 0.0834 261.98) 87.1%, oklch(24.14% 0.0739 262.19) 90.3%, oklch(22.14% 0.0656 262.37) 93.5%, oklch(20.50% 0.0588 262.51) 96.8%, oklch(19.29% 0.0537 262.61) 100.0%);

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

Gradient Cyber Monday

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