Xám đậm, tím oải hương và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #3b3443, #887697, #d9cce3, #d4d7dd, #898e97. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3b3443
#413949
#494052
#53485d
#5e5169
#695b75
#746481
#7e6d8c
#887697
#927fa3
#9c89af
#a692ba
#b09cc4
#b9a7cd
#c4b3d5
#cfc0dd
#d9cce3
#e1d7e9
#e6e0ec
#e8e4ed
#e6e4ec
#e2e2e9
#dcdde4
#d4d7dd
#ccd0d6
#c4c9cf
#bbc0c6
#b0b5bb
#a4a9b0
#999ea6
#8f959d
#898e97

CSS

background: linear-gradient(90deg in oklch, oklch(33.86% 0.0276 305.86) 0.0%, oklch(35.91% 0.0298 306.25) 3.2%, oklch(38.74% 0.0330 306.83) 6.5%, oklch(42.09% 0.0367 307.51) 9.7%, oklch(45.73% 0.0407 308.17) 12.9%, oklch(49.41% 0.0444 308.70) 16.1%, oklch(52.89% 0.0477 309.01) 19.4%, oklch(56.13% 0.0507 309.00) 22.6%, oklch(59.39% 0.0542 308.74) 25.8%, oklch(62.67% 0.0576 308.32) 29.0%, oklch(65.95% 0.0604 307.82) 32.3%, oklch(69.19% 0.0619 307.35) 35.5%, oklch(72.37% 0.0615 307.00) 38.7%, oklch(75.59% 0.0583 307.05) 41.9%, oklch(79.17% 0.0520 308.05) 45.2%, oklch(82.86% 0.0436 309.41) 48.4%, oklch(86.34% 0.0344 310.47) 51.6%, oklch(89.29% 0.0255 310.54) 54.8%, oklch(91.40% 0.0182 308.95) 58.1%, oklch(92.37% 0.0137 304.92) 61.3%, oklch(92.29% 0.0110 297.58) 64.5%, oklch(91.38% 0.0096 287.97) 67.7%, oklch(89.84% 0.0092 277.47) 71.0%, oklch(87.87% 0.0092 267.47) 74.2%, oklch(85.66% 0.0095 259.35) 77.4%, oklch(83.39% 0.0097 254.47) 80.6%, oklch(80.53% 0.0101 252.80) 83.9%, oklch(77.04% 0.0110 253.35) 87.1%, oklch(73.32% 0.0122 255.30) 90.3%, oklch(69.75% 0.0134 257.85) 93.5%, oklch(66.70% 0.0145 260.18) 96.8%, oklch(64.57% 0.0152 261.48) 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