Tím đậm sang tím oải hương tông trầm (gradient tuyến tính)

Bảng màu Tím đậm sang tím oải hương tông trầm

Gradient tuyến tính, 32 màu, góc 90°: #3c334e, #665578, #9986a8, #c4b2ce, #e9dcea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3c334e
#3f3551
#433955
#483c5a
#4d415f
#534565
#594a6b
#5f5071
#665578
#6c5b7e
#736084
#79668a
#7f6c90
#857296
#8c789c
#927fa2
#9986a8
#a08cae
#a693b4
#ac99ba
#b3a0bf
#b8a6c4
#beacc9
#c4b2ce
#cab9d2
#d0bfd6
#d5c5db
#dacbde
#dfd0e2
#e3d5e5
#e6d9e8
#e9dcea

CSS

background: linear-gradient(90deg in oklch, oklch(34.25% 0.0482 299.53) 0.0%, oklch(35.30% 0.0490 300.03) 3.2%, oklch(36.62% 0.0500 300.70) 6.5%, oklch(38.18% 0.0513 301.49) 9.7%, oklch(39.92% 0.0527 302.38) 12.9%, oklch(41.82% 0.0542 303.33) 16.1%, oklch(43.83% 0.0556 304.31) 19.4%, oklch(45.90% 0.0569 305.27) 22.6%, oklch(48.00% 0.0580 306.20) 25.8%, oklch(50.08% 0.0588 307.04) 29.0%, oklch(52.10% 0.0592 307.77) 32.3%, oklch(54.07% 0.0592 308.36) 35.5%, oklch(56.13% 0.0589 308.84) 38.7%, oklch(58.25% 0.0583 309.22) 41.9%, oklch(60.41% 0.0575 309.54) 45.2%, oklch(62.61% 0.0565 309.83) 48.4%, oklch(64.80% 0.0554 310.11) 51.6%, oklch(66.98% 0.0541 310.42) 54.8%, oklch(69.11% 0.0526 310.78) 58.1%, oklch(71.17% 0.0510 311.22) 61.3%, oklch(73.15% 0.0494 311.77) 64.5%, oklch(75.03% 0.0476 312.46) 67.7%, oklch(76.91% 0.0455 313.34) 71.0%, oklch(78.82% 0.0431 314.38) 74.2%, oklch(80.71% 0.0404 315.52) 77.4%, oklch(82.55% 0.0375 316.74) 80.6%, oklch(84.32% 0.0347 317.96) 83.9%, oklch(85.98% 0.0319 319.17) 87.1%, oklch(87.51% 0.0292 320.29) 90.3%, oklch(88.86% 0.0269 321.30) 93.5%, oklch(90.02% 0.0249 322.15) 96.8%, oklch(90.94% 0.0234 322.78) 100.0%);

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

Gradient kính

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