Xanh hải quân sang xanh dương (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh dương (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #0f172a, #152147, #1a2e83, #2555c3, #60a5fa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f172a
#0f182c
#10192f
#101a32
#111b35
#121c39
#131e3d
#141f42
#152147
#16234c
#172452
#182658
#182860
#192968
#192b71
#192c7a
#1a2e83
#1a308d
#1b3397
#1c37a0
#1d3ca9
#1f42b2
#214bba
#2555c3
#2b60cc
#326cd4
#3a78dc
#4383e4
#4b8eeb
#5497f1
#5b9ff6
#60a5fa

CSS

background: linear-gradient(135deg in oklch, oklch(20.77% 0.0398 265.75) 0.0%, oklch(21.17% 0.0424 265.90) 3.2%, oklch(21.64% 0.0454 266.11) 6.5%, oklch(22.19% 0.0488 266.36) 9.7%, oklch(22.80% 0.0527 266.65) 12.9%, oklch(23.49% 0.0570 266.94) 16.1%, oklch(24.24% 0.0618 267.23) 19.4%, oklch(25.06% 0.0670 267.49) 22.6%, oklch(25.94% 0.0727 267.70) 25.8%, oklch(26.88% 0.0787 267.86) 29.0%, oklch(27.88% 0.0852 267.93) 32.3%, oklch(28.92% 0.0924 267.93) 35.5%, oklch(29.97% 0.1013 267.91) 38.7%, oklch(31.05% 0.1115 267.88) 41.9%, oklch(32.17% 0.1225 267.80) 45.2%, oklch(33.37% 0.1338 267.69) 48.4%, oklch(34.65% 0.1450 267.52) 51.6%, oklch(36.04% 0.1555 267.28) 54.8%, oklch(37.56% 0.1649 266.96) 58.1%, oklch(39.24% 0.1727 266.55) 61.3%, oklch(41.10% 0.1784 266.04) 64.5%, oklch(43.17% 0.1816 265.41) 67.7%, oklch(45.67% 0.1822 264.56) 71.0%, oklch(48.55% 0.1805 263.52) 74.2%, oklch(51.71% 0.1771 262.34) 77.4%, oklch(55.01% 0.1725 261.07) 80.6%, oklch(58.35% 0.1670 259.77) 83.9%, oklch(61.60% 0.1612 258.49) 87.1%, oklch(64.65% 0.1554 257.28) 90.3%, oklch(67.37% 0.1503 256.19) 93.5%, oklch(69.65% 0.1461 255.29) 96.8%, oklch(71.37% 0.1434 254.62) 100.0%);

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

Dark blue gradients

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