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

Bảng màu Tím đậm, tím oải hương, xanh dương và xám

Gradient tuyến tính, 32 màu, góc 225°: #34283b, #775871, #9d7b9d, #c1a0bd, #638268. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#34283b
#392c3f
#403145
#48374c
#523e54
#5c455c
#674c64
#70526b
#775871
#7e5d77
#83617d
#886582
#8c6988
#906d8d
#947193
#987698
#9d7b9d
#a481a2
#ac87a6
#b58eaa
#bc94af
#c19ab3
#c39eb8
#c1a0bd
#b8a0c2
#a89fc4
#919dc1
#799ab4
#6696a0
#5e8f8a
#5f8875
#638268

CSS

background: linear-gradient(225deg in oklch, oklch(29.92% 0.0358 312.19) 0.0%, oklch(31.55% 0.0374 314.09) 3.2%, oklch(33.79% 0.0397 316.85) 6.5%, oklch(36.45% 0.0423 320.14) 9.7%, oklch(39.37% 0.0452 323.66) 12.9%, oklch(42.37% 0.0482 327.07) 16.1%, oklch(45.28% 0.0510 330.06) 19.4%, oklch(47.91% 0.0536 332.31) 22.6%, oklch(50.11% 0.0556 333.51) 25.8%, oklch(51.99% 0.0574 333.66) 29.0%, oklch(53.68% 0.0592 333.01) 32.3%, oklch(55.23% 0.0608 331.81) 35.5%, oklch(56.69% 0.0623 330.29) 38.7%, oklch(58.11% 0.0634 328.69) 41.9%, oklch(59.54% 0.0643 327.26) 45.2%, oklch(61.03% 0.0647 326.22) 48.4%, oklch(62.67% 0.0647 326.10) 51.6%, oklch(64.67% 0.0640 328.30) 54.8%, oklch(66.89% 0.0628 331.93) 58.1%, oklch(69.13% 0.0613 335.82) 61.3%, oklch(71.19% 0.0596 338.73) 64.5%, oklch(72.90% 0.0579 339.48) 67.7%, oklch(74.05% 0.0564 336.85) 71.0%, oklch(74.45% 0.0553 329.64) 74.2%, oklch(73.87% 0.0547 316.10) 77.4%, oklch(72.25% 0.0542 295.48) 80.6%, oklch(69.90% 0.0540 269.96) 83.9%, oklch(67.10% 0.0538 241.86) 87.1%, oklch(64.16% 0.0538 213.46) 90.3%, oklch(61.38% 0.0538 187.07) 93.5%, oklch(59.05% 0.0538 164.96) 96.8%, oklch(57.48% 0.0537 149.45) 100.0%);

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

Phượng tím đầu mùa

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