Tím đậm sang xám (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #362f46, #524c6c, #77759b, #999dbe, #bac2da. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#362f46
#383149
#3b344c
#3e3750
#423b55
#453f5a
#494360
#4e4765
#524c6c
#575172
#5c5678
#605c7e
#656185
#6a668b
#6e6b91
#727096
#77759b
#7b7aa0
#8080a5
#8486aa
#898baf
#8e91b4
#9497b9
#999dbe
#9ea3c3
#a3a8c7
#a8aecb
#acb3cf
#b0b7d2
#b4bbd5
#b8bfd8
#bac2da

CSS

background: linear-gradient(90deg in oklch, oklch(32.28% 0.0413 298.13) 0.0%, oklch(33.18% 0.0420 297.71) 3.2%, oklch(34.27% 0.0429 297.21) 6.5%, oklch(35.53% 0.0441 296.64) 9.7%, oklch(36.93% 0.0454 296.00) 12.9%, oklch(38.46% 0.0468 295.31) 16.1%, oklch(40.10% 0.0483 294.57) 19.4%, oklch(41.82% 0.0498 293.78) 22.6%, oklch(43.61% 0.0514 292.96) 25.8%, oklch(45.45% 0.0528 292.12) 29.0%, oklch(47.31% 0.0542 291.25) 32.3%, oklch(49.17% 0.0554 290.38) 35.5%, oklch(51.02% 0.0564 289.50) 38.7%, oklch(52.84% 0.0572 288.62) 41.9%, oklch(54.60% 0.0577 287.76) 45.2%, oklch(56.28% 0.0579 286.91) 48.4%, oklch(57.89% 0.0577 286.08) 51.6%, oklch(59.57% 0.0572 285.20) 54.8%, oklch(61.31% 0.0563 284.25) 58.1%, oklch(63.11% 0.0551 283.27) 61.3%, oklch(64.93% 0.0536 282.26) 64.5%, oklch(66.77% 0.0520 281.22) 67.7%, oklch(68.60% 0.0502 280.19) 71.0%, oklch(70.40% 0.0484 279.16) 74.2%, oklch(72.15% 0.0464 278.15) 77.4%, oklch(73.84% 0.0445 277.18) 80.6%, oklch(75.44% 0.0427 276.25) 83.9%, oklch(76.94% 0.0409 275.38) 87.1%, oklch(78.31% 0.0393 274.59) 90.3%, oklch(79.54% 0.0379 273.88) 93.5%, oklch(80.61% 0.0367 273.27) 96.8%, oklch(81.50% 0.0358 272.76) 100.0%);

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

Gradient banner máy chủ Discord

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