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

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

Gradient hình nón, 40 màu, góc 225°: #00091c, #009fb5, #00abd2, #005cc0, #330074. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00091c
#000f25
#001932
#002540
#003350
#004461
#005673
#006885
#007b96
#008ea6
#009fb5
#00adc1
#00b9ca
#00c1d1
#00c5d6
#00c6d9
#00c4da
#00c1da
#00bbd8
#00b4d6
#00abd2
#00a3cf
#0099ca
#0090c6
#0087c3
#007ec0
#0077be
#006fbd
#0067bd
#005cc0
#004ec7
#153eca
#2534be
#2d2ab2
#3121a5
#33189a
#340f8f
#340685
#34007d
#330074

CSS

background: conic-gradient(from 225deg in oklch, oklch(14.17% 0.0455 255.23) 0.0%, oklch(17.03% 0.0521 252.80) 2.6%, oklch(20.89% 0.0588 249.77) 5.1%, oklch(25.52% 0.0649 245.51) 7.7%, oklch(30.76% 0.0714 240.78) 10.3%, oklch(36.42% 0.0781 235.73) 12.8%, oklch(42.31% 0.0848 230.52) 15.4%, oklch(48.24% 0.0917 225.35) 17.9%, oklch(54.01% 0.0986 220.40) 20.5%, oklch(59.45% 0.1055 215.86) 23.1%, oklch(64.36% 0.1121 211.92) 25.6%, oklch(68.55% 0.1181 208.76) 28.2%, oklch(71.83% 0.1230 206.58) 30.8%, oklch(74.02% 0.1265 205.57) 33.3%, oklch(75.16% 0.1285 205.70) 35.9%, oklch(75.52% 0.1294 206.75) 38.5%, oklch(75.18% 0.1294 208.60) 41.0%, oklch(74.24% 0.1289 211.13) 43.6%, oklch(72.81% 0.1281 214.23) 46.2%, oklch(70.97% 0.1274 217.79) 48.7%, oklch(68.83% 0.1269 221.69) 51.3%, oklch(66.49% 0.1269 225.81) 53.8%, oklch(64.04% 0.1277 230.05) 56.4%, oklch(61.58% 0.1293 234.27) 59.0%, oklch(59.21% 0.1320 238.37) 61.5%, oklch(57.02% 0.1359 242.23) 64.1%, oklch(55.12% 0.1410 245.74) 66.7%, oklch(53.28% 0.1477 249.19) 69.2%, oklch(51.25% 0.1576 252.90) 71.8%, oklch(49.08% 0.1728 256.80) 74.4%, oklch(46.80% 0.2001 260.83) 76.9%, oklch(44.46% 0.2183 264.88) 79.5%, oklch(42.11% 0.2113 268.95) 82.1%, oklch(39.79% 0.2041 272.93) 84.6%, oklch(37.56% 0.1969 276.76) 87.2%, oklch(35.45% 0.1899 280.36) 89.7%, oklch(33.50% 0.1834 283.67) 92.3%, oklch(31.77% 0.1776 286.62) 94.9%, oklch(30.32% 0.1725 289.12) 97.4%, oklch(29.16% 0.1639 291.13) 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