Xanh hải quân và xanh dương (đơn sắc) (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 315°: #14183d, #404fb2, #6982ff, #4b52bf, #201e51. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#14183d
#171b44
#1b204e
#20265b
#262d69
#2c347a
#333d8c
#39469e
#404fb2
#4758c5
#4e60d7
#5468e8
#596ff7
#5e77ff
#647dff
#6881ff
#6982ff
#677fff
#6479ff
#5f71fd
#5b6af0
#5663e1
#515bd0
#4b52bf
#454aad
#3e419b
#38398b
#32327b
#2c2c6d
#272661
#232258
#201e51

CSS

background: conic-gradient(from 315deg in oklch, oklch(22.83% 0.0703 274.92) 0.0%, oklch(24.52% 0.0763 274.78) 3.2%, oklch(26.79% 0.0843 274.58) 6.5%, oklch(29.54% 0.0941 274.33) 9.7%, oklch(32.69% 0.1053 274.04) 12.9%, oklch(36.12% 0.1175 273.72) 16.1%, oklch(39.75% 0.1304 273.39) 19.4%, oklch(43.47% 0.1436 273.06) 22.6%, oklch(47.18% 0.1568 272.73) 25.8%, oklch(50.79% 0.1697 272.42) 29.0%, oklch(54.20% 0.1818 272.15) 32.3%, oklch(57.31% 0.1929 271.92) 35.5%, oklch(60.03% 0.2026 271.74) 38.7%, oklch(62.24% 0.2033 271.64) 41.9%, oklch(63.86% 0.1933 271.61) 45.2%, oklch(64.79% 0.1877 271.68) 48.4%, oklch(64.93% 0.1869 271.85) 51.6%, oklch(64.30% 0.1908 272.15) 54.8%, oklch(62.99% 0.1990 272.55) 58.1%, oklch(61.09% 0.2074 273.04) 61.3%, oklch(58.70% 0.1991 273.61) 64.5%, oklch(55.92% 0.1895 274.24) 67.7%, oklch(52.83% 0.1788 274.91) 71.0%, oklch(49.54% 0.1673 275.60) 74.2%, oklch(46.14% 0.1555 276.31) 77.4%, oklch(42.72% 0.1436 277.01) 80.6%, oklch(39.38% 0.1320 277.69) 83.9%, oklch(36.21% 0.1210 278.34) 87.1%, oklch(33.31% 0.1109 278.93) 90.3%, oklch(30.77% 0.1021 279.44) 93.5%, oklch(28.69% 0.0949 279.88) 96.8%, oklch(27.17% 0.0896 280.21) 100.0%);

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

Gradient xanh dương đơn sắ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