Xanh hải quân sang xám (đơn sắc) (gradient xuyên tâm)

Bảng màu Xanh hải quân sang xám (đơn sắc)

Gradient xuyên tâm, 32 màu: #20344c, #4a6d7b, #7fa19f, #b1c7c0, #e4ece9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#20344c
#223850
#273f56
#2c465d
#324f64
#38576b
#3e5f71
#446676
#4a6d7b
#507380
#567a84
#5d8089
#64878d
#6a8d91
#719496
#789b9a
#7fa19f
#86a8a3
#8eaea7
#95b4ac
#9cb9b1
#a3beb6
#aac2bb
#b1c7c0
#b7cbc6
#bed0cb
#c5d5d0
#cddad6
#d4e0dc
#dae5e1
#e0e9e6
#e4ece9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0510 253.83) 0.0%, oklch(33.52% 0.0508 251.65) 3.2%, oklch(35.78% 0.0505 248.69) 6.5%, oklch(38.45% 0.0502 245.16) 9.7%, oklch(41.32% 0.0497 241.29) 12.9%, oklch(44.16% 0.0492 237.30) 16.1%, oklch(46.77% 0.0484 233.43) 19.4%, oklch(49.07% 0.0474 229.74) 22.6%, oklch(51.29% 0.0461 225.99) 25.8%, oklch(53.44% 0.0446 222.17) 29.0%, oklch(55.57% 0.0431 218.25) 32.3%, oklch(57.67% 0.0417 214.22) 35.5%, oklch(59.78% 0.0404 210.08) 38.7%, oklch(61.91% 0.0394 205.69) 41.9%, oklch(64.08% 0.0389 200.70) 45.2%, oklch(66.25% 0.0385 195.43) 48.4%, oklch(68.39% 0.0381 190.24) 51.6%, oklch(70.47% 0.0376 185.52) 54.8%, oklch(72.48% 0.0366 181.63) 58.1%, oklch(74.36% 0.0352 178.94) 61.3%, oklch(76.13% 0.0331 177.47) 64.5%, oklch(77.80% 0.0306 176.88) 67.7%, oklch(79.42% 0.0279 176.84) 71.0%, oklch(81.00% 0.0251 177.00) 74.2%, oklch(82.58% 0.0225 177.01) 77.4%, oklch(84.19% 0.0202 176.54) 80.6%, oklch(85.94% 0.0181 175.72) 83.9%, oklch(87.78% 0.0160 174.75) 87.1%, oklch(89.60% 0.0140 173.75) 90.3%, oklch(91.27% 0.0122 172.79) 93.5%, oklch(92.68% 0.0108 171.98) 96.8%, oklch(93.70% 0.0096 171.40) 100.0%);

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

Gradient xanh hải quân và xanh cổ vịt

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