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

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

Gradient xuyên tâm, 40 màu: #678ea6, #bbc8e1, #86afce, #16363e, #0068f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#678ea6
#6c91aa
#7595af
#7e9ab5
#89a0bb
#93a6c1
#9dacc7
#a6b3cd
#adb8d3
#b4c0d9
#bbc8e1
#c2d1ea
#c9daf2
#cde1f8
#cfe6fc
#cee6fd
#c8e3f9
#bcdaf2
#accee8
#9abfdc
#86afce
#719fbf
#5e8fb0
#4d81a2
#3f7594
#336782
#285a6e
#214c5b
#1b404a
#16363e
#0f3036
#062d34
#003038
#003642
#004053
#004d6b
#005988
#0064aa
#0069d0
#0068f5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(62.60% 0.0565 235.55) 0.0%, oklch(63.84% 0.0551 238.36) 2.6%, oklch(65.50% 0.0530 242.52) 5.1%, oklch(67.49% 0.0505 247.51) 7.7%, oklch(69.69% 0.0479 252.78) 10.3%, oklch(71.98% 0.0453 257.82) 12.8%, oklch(74.26% 0.0429 262.10) 15.4%, oklch(76.40% 0.0410 265.09) 17.9%, oklch(78.33% 0.0398 266.26) 20.5%, oklch(80.56% 0.0389 265.53) 23.1%, oklch(83.15% 0.0381 263.32) 25.6%, oklch(85.82% 0.0376 260.07) 28.2%, oklch(88.27% 0.0375 256.21) 30.8%, oklch(90.23% 0.0378 252.18) 33.3%, oklch(91.41% 0.0386 248.41) 35.9%, oklch(91.51% 0.0401 245.33) 38.5%, oklch(90.26% 0.0424 243.33) 41.0%, oklch(87.53% 0.0464 242.17) 43.6%, oklch(83.60% 0.0516 241.54) 46.2%, oklch(78.83% 0.0575 241.21) 48.7%, oklch(73.54% 0.0635 240.97) 51.3%, oklch(68.09% 0.0689 240.57) 53.8%, oklch(62.79% 0.0731 239.80) 56.4%, oklch(58.00% 0.0755 238.43) 59.0%, oklch(53.74% 0.0750 236.08) 61.5%, oklch(49.07% 0.0702 232.29) 64.1%, oklch(44.17% 0.0625 227.56) 66.7%, oklch(39.37% 0.0538 222.51) 69.2%, oklch(34.98% 0.0458 217.72) 71.8%, oklch(31.35% 0.0402 213.81) 74.4%, oklch(28.78% 0.0389 211.37) 76.9%, oklch(27.60% 0.0437 211.01) 79.5%, oklch(28.25% 0.0495 213.44) 82.1%, oklch(30.79% 0.0555 218.41) 84.6%, oklch(34.70% 0.0659 225.23) 87.2%, oklch(39.44% 0.0816 233.13) 89.7%, oklch(44.47% 0.1042 241.32) 92.3%, oklch(49.25% 0.1360 249.03) 94.9%, oklch(53.25% 0.1783 255.47) 97.4%, oklch(55.91% 0.2264 259.87) 100.0%);

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

Gradient xanh dương

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