Xanh lá, xanh dương nhạt, xám và xanh hải quân (gradient xuyên tâm)

Bảng màu Xanh lá, xanh dương nhạt, xám và xanh hải quân

Gradient xuyên tâm, 32 màu: #b7d39a, #b8e6ea, #d0d4e3, #7e819a, #252c51. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b7d39a
#b3d5a0
#afd8a9
#abdbb4
#aadec0
#aae1cc
#ade3d8
#b2e5e2
#b8e6ea
#c0e7f0
#c7e6f4
#cee6f5
#d3e4f4
#d6e2f2
#d6dfee
#d5dae9
#d0d4e3
#c9ccdb
#c0c2d2
#b5b7c8
#a9aabd
#9b9db2
#8d8fa6
#7e819a
#70738e
#626583
#545978
#474d6e
#3c4365
#323a5d
#2b3256
#252c51

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0827 129.37) 0.0%, oklch(83.38% 0.0802 134.78) 3.2%, oklch(83.93% 0.0769 141.73) 6.5%, oklch(84.68% 0.0730 149.98) 9.7%, oklch(85.57% 0.0684 159.31) 12.9%, oklch(86.55% 0.0635 169.49) 16.1%, oklch(87.55% 0.0582 180.30) 19.4%, oklch(88.54% 0.0529 191.51) 22.6%, oklch(89.44% 0.0475 202.90) 25.8%, oklch(90.21% 0.0422 214.23) 29.0%, oklch(90.79% 0.0373 225.28) 32.3%, oklch(91.13% 0.0327 235.83) 35.5%, oklch(91.17% 0.0286 245.65) 38.7%, oklch(90.86% 0.0252 254.51) 41.9%, oklch(90.14% 0.0227 262.18) 45.2%, oklch(88.97% 0.0211 268.45) 48.4%, oklch(87.25% 0.0205 273.16) 51.6%, oklch(84.85% 0.0210 276.70) 54.8%, oklch(81.84% 0.0224 279.26) 58.1%, oklch(78.31% 0.0246 280.94) 61.3%, oklch(74.36% 0.0274 281.85) 64.5%, oklch(70.08% 0.0307 282.12) 67.7%, oklch(65.57% 0.0345 281.83) 71.0%, oklch(60.94% 0.0385 281.12) 74.2%, oklch(56.26% 0.0427 280.08) 77.4%, oklch(51.65% 0.0469 278.83) 80.6%, oklch(47.20% 0.0511 277.48) 83.9%, oklch(43.01% 0.0550 276.14) 87.1%, oklch(39.16% 0.0586 274.92) 90.3%, oklch(35.77% 0.0617 273.94) 93.5%, oklch(32.92% 0.0643 273.29) 96.8%, oklch(30.71% 0.0661 273.09) 100.0%);

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

Gradient Galaxy Z Fold8

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