Tím, hồng và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #705864, #a57384, #daa3b1, #f8e1d9, #d7d2dc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#705864
#745966
#7a5c6a
#805f6e
#886272
#8f6677
#976a7b
#9e6e7f
#a57384
#ad7889
#b47e8e
#bb8494
#c38a99
#c9909e
#cf96a4
#d59daa
#daa3b1
#dfaab7
#e4b2bc
#e9b9c1
#eec3c5
#f3cdca
#f6d8d1
#f8e1d9
#f9e8e1
#f9ebe6
#f7e9e7
#f2e5e6
#ebdfe3
#e3dae1
#dcd5de
#d7d2dc

CSS

background: linear-gradient(315deg in oklch, oklch(48.82% 0.0372 347.34) 0.0%, oklch(49.73% 0.0400 348.12) 3.2%, oklch(50.96% 0.0439 349.18) 6.5%, oklch(52.43% 0.0485 350.45) 9.7%, oklch(54.06% 0.0533 351.82) 12.9%, oklch(55.79% 0.0578 353.20) 16.1%, oklch(57.53% 0.0614 354.50) 19.4%, oklch(59.29% 0.0642 355.72) 22.6%, oklch(61.19% 0.0666 356.98) 25.8%, oklch(63.17% 0.0687 358.26) 29.0%, oklch(65.21% 0.0703 359.51) 32.3%, oklch(67.26% 0.0714 0.68) 35.5%, oklch(69.29% 0.0717 1.75) 38.7%, oklch(71.26% 0.0714 2.54) 41.9%, oklch(73.22% 0.0704 2.70) 45.2%, oklch(75.18% 0.0689 2.57) 48.4%, oklch(77.14% 0.0667 2.59) 51.6%, oklch(79.11% 0.0639 3.18) 54.8%, oklch(81.09% 0.0603 4.76) 58.1%, oklch(83.13% 0.0560 8.00) 61.3%, oklch(85.51% 0.0499 14.71) 64.5%, oklch(88.07% 0.0426 23.56) 67.7%, oklch(90.56% 0.0349 32.53) 71.0%, oklch(92.71% 0.0276 39.62) 74.2%, oklch(94.26% 0.0214 42.83) 77.4%, oklch(94.93% 0.0173 40.10) 80.6%, oklch(94.53% 0.0150 29.73) 83.9%, oklch(93.28% 0.0141 13.57) 87.1%, oklch(91.55% 0.0141 354.42) 90.3%, oklch(89.69% 0.0145 335.11) 93.5%, oklch(88.05% 0.0150 318.43) 96.8%, oklch(87.01% 0.0152 307.19) 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