Đỏ nâu, đen, xám và hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #833554, #2d0a19, #8d7b82, #f2d5e1, #c07895. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#833554
#7c3150
#722c49
#652540
#581e36
#4b172d
#3e1124
#340c1e
#2d0a19
#290a17
#290e19
#2f151f
#3a222b
#4a333c
#5e4851
#756168
#8d7b82
#a6959c
#beadb4
#d3c2c9
#e3d1d9
#edd9e1
#f1dae4
#f2d5e1
#efcddb
#e9c1d2
#e2b3c6
#daa4ba
#d296ae
#ca89a4
#c47e9b
#c07895

CSS

background: linear-gradient(315deg in oklch, oklch(44.49% 0.1130 357.19) 0.0%, oklch(42.80% 0.1090 357.15) 3.2%, oklch(40.13% 0.1037 357.13) 6.5%, oklch(36.81% 0.0973 357.12) 9.7%, oklch(33.13% 0.0902 357.10) 12.9%, oklch(29.42% 0.0827 357.06) 16.1%, oklch(25.97% 0.0749 357.00) 19.4%, oklch(23.09% 0.0674 356.90) 22.6%, oklch(21.11% 0.0602 356.75) 25.8%, oklch(20.31% 0.0538 356.53) 29.0%, oklch(21.03% 0.0484 356.25) 32.3%, oklch(23.66% 0.0439 355.85) 35.5%, oklch(28.48% 0.0396 355.29) 38.7%, oklch(35.05% 0.0354 354.61) 41.9%, oklch(42.85% 0.0314 353.84) 45.2%, oklch(51.39% 0.0279 353.04) 48.4%, oklch(60.17% 0.0250 352.23) 51.6%, oklch(68.71% 0.0228 351.47) 54.8%, oklch(76.48% 0.0215 350.81) 58.1%, oklch(83.01% 0.0212 350.27) 61.3%, oklch(87.79% 0.0221 349.91) 64.5%, oklch(90.37% 0.0244 349.77) 67.7%, oklch(91.00% 0.0288 349.85) 71.0%, oklch(90.10% 0.0351 350.11) 74.2%, oklch(87.99% 0.0428 350.52) 77.4%, oklch(84.98% 0.0515 351.03) 80.6%, oklch(81.39% 0.0607 351.61) 83.9%, oklch(77.53% 0.0699 352.20) 87.1%, oklch(73.72% 0.0787 352.78) 90.3%, oklch(70.28% 0.0866 353.31) 93.5%, oklch(67.51% 0.0932 353.73) 96.8%, oklch(65.75% 0.0978 354.02) 100.0%);

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

Gradient tím đơn sắ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