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

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

Gradient xuyên tâm, 32 màu: #bad6ee, #8dabc9, #5c789b, #3f5472, #28374e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bad6ee
#b6d2eb
#b2cee8
#adc9e4
#a7c4df
#a1beda
#9ab8d5
#94b1cf
#8dabc9
#86a4c4
#7f9dbe
#7896b8
#7290b2
#6c89ac
#6683a6
#617ea1
#5c789b
#587396
#536e90
#4f698a
#4b6384
#475e7e
#435978
#3f5472
#3b4f6c
#384b66
#344761
#31435c
#2f3f58
#2c3c54
#2a3951
#28374e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(86.22% 0.0455 245.39) 0.0%, oklch(85.17% 0.0462 245.70) 3.2%, oklch(83.88% 0.0472 246.09) 6.5%, oklch(82.40% 0.0484 246.54) 9.7%, oklch(80.73% 0.0497 247.05) 12.9%, oklch(78.91% 0.0512 247.60) 16.1%, oklch(76.97% 0.0527 248.19) 19.4%, oklch(74.93% 0.0543 248.81) 22.6%, oklch(72.82% 0.0559 249.45) 25.8%, oklch(70.67% 0.0575 250.09) 29.0%, oklch(68.50% 0.0589 250.74) 32.3%, oklch(66.34% 0.0603 251.37) 35.5%, oklch(64.22% 0.0614 251.98) 38.7%, oklch(62.16% 0.0623 252.57) 41.9%, oklch(60.20% 0.0630 253.12) 45.2%, oklch(58.35% 0.0633 253.62) 48.4%, oklch(56.62% 0.0633 254.07) 51.6%, oklch(54.87% 0.0630 254.50) 54.8%, oklch(53.08% 0.0623 254.93) 58.1%, oklch(51.26% 0.0614 255.36) 61.3%, oklch(49.44% 0.0603 255.77) 64.5%, oklch(47.63% 0.0589 256.17) 67.7%, oklch(45.85% 0.0575 256.55) 71.0%, oklch(44.10% 0.0559 256.92) 74.2%, oklch(42.42% 0.0543 257.28) 77.4%, oklch(40.80% 0.0527 257.61) 80.6%, oklch(39.27% 0.0512 257.93) 83.9%, oklch(37.84% 0.0497 258.22) 87.1%, oklch(36.53% 0.0484 258.49) 90.3%, oklch(35.35% 0.0472 258.73) 93.5%, oklch(34.33% 0.0462 258.94) 96.8%, oklch(33.46% 0.0455 259.13) 100.0%);

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

Sọc màu xu hướng 2027 Gradient hình nền

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