Xanh hải quân và xanh dương tông lạnh liền mạch (gradient hình nón)

Bảng màu Xanh hải quân và xanh dương tông lạnh liền mạch

Gradient hình nón, 24 màu, góc 0°: #15152a, #3f27a8, #009cdb, #319cbd, #15152a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#15152a
#191836
#1e1b48
#261e5e
#2f2076
#38238f
#3f27a8
#4330be
#403dd0
#3353df
#016dea
#0088dd
#009cdb
#00acdb
#00b6da
#00b8d7
#24afcd
#319cbd
#3683a6
#35668b
#2f4b6e
#263351
#1d213a
#15152a

CSS

background: conic-gradient(from 0deg in oklch, oklch(20.87% 0.0413 281.95) 0.0%, oklch(22.87% 0.0574 281.94) 4.3%, oklch(25.54% 0.0809 282.36) 8.7%, oklch(28.72% 0.1090 282.88) 13.0%, oklch(32.25% 0.1387 283.16) 17.4%, oklch(35.98% 0.1672 282.86) 21.7%, oklch(39.74% 0.1915 281.64) 26.1%, oklch(43.38% 0.2088 279.18) 30.4%, oklch(46.84% 0.2163 275.00) 34.8%, oklch(51.08% 0.2149 267.74) 39.1%, oklch(55.96% 0.2069 258.02) 43.5%, oklch(60.99% 0.1607 247.09) 47.8%, oklch(65.63% 0.1415 236.15) 52.2%, oklch(69.36% 0.1332 226.43) 56.5%, oklch(71.68% 0.1298 219.16) 60.9%, oklch(72.05% 0.1277 215.56) 65.2%, oklch(69.84% 0.1176 216.76) 69.6%, oklch(64.78% 0.1052 222.57) 73.9%, oklch(57.66% 0.0924 231.70) 78.3%, oklch(49.33% 0.0798 242.87) 82.6%, oklch(40.64% 0.0679 254.77) 87.0%, oklch(32.43% 0.0571 266.11) 91.3%, oklch(25.55% 0.0481 275.61) 95.7%, oklch(20.87% 0.0413 281.95) 100.0%);

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

Gradient cho hero section

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