Xanh dương nhạt sang xanh hải quân (đơn sắc) (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #ddf6ff, #89e0f3, #38a4c3, #18658f, #13305a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ddf6ff
#d7f4fe
#cff2fe
#c6f0fd
#bceefc
#b0ebfb
#a4e8f9
#96e4f6
#89e0f3
#7cdbef
#70d6eb
#65cfe6
#5bc8e0
#51c0da
#48b7d3
#40adcb
#38a4c3
#319abb
#2c91b4
#2687ac
#227fa5
#1d769e
#1a6e96
#18658f
#165d87
#165480
#164c78
#154571
#153e6a
#143864
#14335e
#13305a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0289 221.48) 0.0%, oklch(94.91% 0.0333 220.88) 3.2%, oklch(94.01% 0.0394 219.97) 6.5%, oklch(92.98% 0.0466 218.83) 9.7%, oklch(91.81% 0.0548 217.56) 12.9%, oklch(90.51% 0.0633 216.28) 16.1%, oklch(89.08% 0.0719 215.06) 19.4%, oklch(87.53% 0.0803 214.02) 22.6%, oklch(85.86% 0.0878 213.25) 25.8%, oklch(84.06% 0.0943 212.84) 29.0%, oklch(82.16% 0.0993 212.89) 32.3%, oklch(80.10% 0.1026 213.47) 35.5%, oklch(77.81% 0.1048 214.46) 38.7%, oklch(75.31% 0.1061 215.80) 41.9%, oklch(72.66% 0.1066 217.45) 45.2%, oklch(69.89% 0.1064 219.34) 48.4%, oklch(67.06% 0.1057 221.42) 51.6%, oklch(64.21% 0.1047 223.64) 54.8%, oklch(61.38% 0.1035 225.94) 58.1%, oklch(58.63% 0.1023 228.26) 61.3%, oklch(56.00% 0.1012 230.56) 64.5%, oklch(53.51% 0.1003 232.81) 67.7%, oklch(50.97% 0.0991 235.29) 71.0%, oklch(48.36% 0.0976 238.04) 74.2%, oklch(45.73% 0.0959 240.96) 77.4%, oklch(43.13% 0.0940 243.96) 80.6%, oklch(40.61% 0.0920 246.94) 83.9%, oklch(38.22% 0.0900 249.83) 87.1%, oklch(36.03% 0.0881 252.51) 90.3%, oklch(34.08% 0.0865 254.91) 93.5%, oklch(32.42% 0.0851 256.93) 96.8%, oklch(31.10% 0.0841 258.47) 100.0%);

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

Gradient tông lạnh

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