Trắng, xanh hải quân và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #edf2f3, #505860, #171d32, #f4f7f8, #646b73. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edf2f3
#dfe4e6
#ccd2d5
#b6bcc0
#9fa5a9
#888f94
#72797f
#5f676e
#505860
#414954
#313a47
#242c3b
#192031
#11172a
#0e1327
#0f1429
#171d32
#293145
#455062
#697583
#939ea8
#bcc4ca
#dee4e7
#f4f7f8
#f8f9fa
#edeff0
#d8dbdd
#bec2c5
#a1a6ab
#878d93
#71787f
#646b73

CSS

background: linear-gradient(225deg in oklch, oklch(95.67% 0.0055 223.59) 0.0%, oklch(91.59% 0.0063 225.54) 3.2%, oklch(85.96% 0.0072 228.14) 6.5%, oklch(79.25% 0.0083 231.23) 9.7%, oklch(71.93% 0.0096 234.67) 12.9%, oklch(64.44% 0.0111 238.29) 16.1%, oklch(57.27% 0.0128 241.93) 19.4%, oklch(50.86% 0.0148 245.44) 22.6%, oklch(45.62% 0.0172 248.72) 25.8%, oklch(40.29% 0.0206 252.56) 29.0%, oklch(34.66% 0.0250 256.98) 32.3%, oklch(29.25% 0.0298 261.54) 35.5%, oklch(24.57% 0.0345 265.82) 38.7%, oklch(21.12% 0.0386 269.37) 41.9%, oklch(19.42% 0.0416 271.76) 45.2%, oklch(19.98% 0.0429 272.55) 48.4%, oklch(23.56% 0.0419 271.18) 51.6%, oklch(31.53% 0.0384 267.02) 54.8%, oklch(42.76% 0.0329 260.78) 58.1%, oklch(55.83% 0.0262 253.33) 61.3%, oklch(69.27% 0.0192 245.57) 64.5%, oklch(81.63% 0.0125 238.38) 67.7%, oklch(91.48% 0.0070 232.65) 71.0%, oklch(97.35% 0.0033 229.26) 74.2%, oklch(98.25% 0.0019 228.79) 77.4%, oklch(95.10% 0.0023 230.64) 80.6%, oklch(89.01% 0.0038 234.17) 83.9%, oklch(81.07% 0.0061 238.76) 87.1%, oklch(72.34% 0.0089 243.79) 90.3%, oklch(63.93% 0.0115 248.63) 93.5%, oklch(56.91% 0.0138 252.67) 96.8%, oklch(52.36% 0.0152 255.30) 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