Trắng, xám và xanh dương (đơn sắc) (gradient xuyên tâm)

Bảng màu Trắng, xám và xanh dương (đơn sắc)

Gradient xuyên tâm, 32 màu: #f7f9fa, #cfd5d8, #8c9ca9, #3a71aa, #06327c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f7f9fa
#f4f6f7
#eff2f3
#eaeeef
#e5e9ea
#e0e4e6
#dadfe1
#d5dadd
#cfd5d8
#c9d0d3
#c2cace
#bac3c8
#b2bbc1
#a9b3ba
#a0abb3
#96a3ad
#8c9ca9
#8095a6
#748da3
#6886a2
#5c80a1
#507aa1
#4575a5
#3a71aa
#2f6daf
#2567b2
#1d60b0
#1657a8
#104c9c
#0c428f
#083984
#06327c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0028 225.70) 0.0%, oklch(97.19% 0.0031 225.10) 3.2%, oklch(96.02% 0.0035 224.12) 6.5%, oklch(94.63% 0.0040 223.13) 9.7%, oklch(93.12% 0.0046 222.45) 12.9%, oklch(91.59% 0.0054 222.44) 16.1%, oklch(90.10% 0.0062 223.35) 19.4%, oklch(88.59% 0.0070 224.97) 22.6%, oklch(86.99% 0.0079 227.04) 25.8%, oklch(85.27% 0.0090 229.28) 29.0%, oklch(83.36% 0.0105 231.41) 32.3%, oklch(81.21% 0.0120 233.29) 35.5%, oklch(78.79% 0.0132 235.22) 38.7%, oklch(76.21% 0.0146 237.16) 41.9%, oklch(73.56% 0.0169 239.02) 45.2%, oklch(70.95% 0.0207 240.76) 48.4%, oklch(68.43% 0.0267 242.29) 51.6%, oklch(65.85% 0.0345 243.60) 54.8%, oklch(63.25% 0.0439 244.76) 58.1%, oklch(60.76% 0.0543 245.88) 61.3%, oklch(58.46% 0.0654 247.05) 64.5%, oklch(56.47% 0.0771 248.35) 67.7%, oklch(54.99% 0.0913 249.78) 71.0%, oklch(53.80% 0.1072 251.28) 74.2%, oklch(52.63% 0.1224 252.78) 77.4%, oklch(51.20% 0.1350 254.21) 80.6%, oklch(49.22% 0.1428 255.50) 83.9%, oklch(46.37% 0.1451 256.73) 87.1%, oklch(42.94% 0.1435 257.93) 90.3%, oklch(39.44% 0.1398 259.01) 93.5%, oklch(36.38% 0.1359 259.92) 96.8%, oklch(34.25% 0.1337 260.58) 100.0%);

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

Gradient bạc

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