Tím đậm sang hồng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #3e1a32, #683a70, #9d6fa1, #cfa1b9, #ffcbb5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3e1a32
#421c36
#461e3c
#4b2244
#51254d
#572a56
#5d2f5f
#623468
#683a70
#6e4077
#74467e
#7a4c85
#80538c
#875a92
#8e6197
#95689c
#9d6fa1
#a476a5
#ab7ea9
#b385ad
#ba8db0
#c194b3
#c89bb6
#cfa1b9
#d7a7ba
#dfadbb
#e7b2bb
#eeb8b9
#f5bdb8
#fac2b6
#fec7b4
#ffcbb5

CSS

background: linear-gradient(270deg in oklch, oklch(27.95% 0.0675 341.72) 0.0%, oklch(29.07% 0.0706 339.96) 3.2%, oklch(30.53% 0.0751 337.44) 6.5%, oklch(32.26% 0.0804 334.44) 9.7%, oklch(34.21% 0.0861 331.21) 12.9%, oklch(36.29% 0.0916 328.02) 16.1%, oklch(38.43% 0.0965 325.14) 19.4%, oklch(40.57% 0.1002 322.83) 22.6%, oklch(42.64% 0.1023 321.34) 25.8%, oklch(44.75% 0.1031 320.35) 29.0%, oklch(46.94% 0.1030 319.68) 32.3%, oklch(49.19% 0.1021 319.35) 35.5%, oklch(51.48% 0.1005 319.39) 38.7%, oklch(53.78% 0.0985 319.81) 41.9%, oklch(56.07% 0.0962 320.64) 45.2%, oklch(58.34% 0.0936 321.90) 48.4%, oklch(60.56% 0.0909 323.59) 51.6%, oklch(62.83% 0.0872 325.61) 54.8%, oklch(65.12% 0.0828 328.00) 58.1%, oklch(67.41% 0.0780 330.79) 61.3%, oklch(69.66% 0.0731 334.02) 64.5%, oklch(71.85% 0.0687 337.73) 67.7%, oklch(73.94% 0.0650 341.96) 71.0%, oklch(75.91% 0.0624 346.77) 74.2%, oklch(77.77% 0.0612 352.51) 77.4%, oklch(79.62% 0.0612 359.74) 80.6%, oklch(81.43% 0.0620 7.94) 83.9%, oklch(83.14% 0.0634 16.57) 87.1%, oklch(84.71% 0.0650 25.05) 90.3%, oklch(86.11% 0.0667 32.83) 93.5%, oklch(87.28% 0.0681 39.36) 96.8%, oklch(88.19% 0.0667 44.07) 100.0%);

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

Gradient nhiều màu dịu Gradient tông trầm

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