Hồng sang xanh lá tông pastel (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #fff5f1, #f5c6d0, #ebb0bf, #c9ddad, #90c7a9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff5f1
#fff1ec
#feece7
#fde6e1
#fcdfdc
#fbd8d8
#f9d1d4
#f7cbd2
#f5c6d0
#f3c2cf
#f0bece
#edbace
#eab7ce
#e8b4cd
#e7b2ca
#e8b0c6
#ebb0bf
#efb2b5
#f2b7aa
#f0bea0
#eac89c
#e0d19e
#d4d9a5
#c9ddad
#bfdeb2
#b7ddb4
#aedab4
#a7d6b2
#a0d1b0
#9acdac
#94c9aa
#90c7a9

CSS

background: linear-gradient(180deg in oklch, oklch(97.64% 0.0123 43.62) 0.0%, oklch(96.79% 0.0159 40.33) 3.2%, oklch(95.62% 0.0207 35.75) 6.5%, oklch(94.22% 0.0265 30.27) 9.7%, oklch(92.69% 0.0327 24.35) 12.9%, oklch(91.13% 0.0391 18.41) 16.1%, oklch(89.62% 0.0452 12.89) 19.4%, oklch(88.26% 0.0505 8.23) 22.6%, oklch(87.14% 0.0547 4.76) 25.8%, oklch(86.08% 0.0582 0.98) 29.0%, oklch(85.03% 0.0613 356.73) 32.3%, oklch(84.04% 0.0640 352.74) 35.5%, oklch(83.15% 0.0664 349.72) 38.7%, oklch(82.40% 0.0683 348.38) 41.9%, oklch(81.86% 0.0699 349.44) 45.2%, oklch(81.55% 0.0712 353.62) 48.4%, oklch(81.56% 0.0720 1.85) 51.6%, oklch(82.06% 0.0721 15.35) 54.8%, oklch(82.93% 0.0717 32.88) 58.1%, oklch(84.00% 0.0708 52.88) 61.3%, oklch(85.12% 0.0698 73.79) 64.5%, oklch(86.10% 0.0688 94.05) 67.7%, oklch(86.80% 0.0680 112.11) 71.0%, oklch(87.04% 0.0675 126.39) 74.2%, oklch(86.69% 0.0676 136.29) 77.4%, oklch(85.84% 0.0680 143.58) 80.6%, oklch(84.63% 0.0685 148.80) 83.9%, oklch(83.21% 0.0692 152.41) 87.1%, oklch(81.72% 0.0700 154.86) 90.3%, oklch(80.32% 0.0707 156.61) 93.5%, oklch(79.14% 0.0713 158.12) 96.8%, oklch(78.35% 0.0717 159.84) 100.0%);

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

Gradient mùa xuân

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