Hồng, xanh lá đậm và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #ffc9c6, #c77767, #364914, #034641, #90ae8f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffc9c6
#ffc0bc
#ffb5b1
#ffa8a3
#f79d97
#ec938d
#e08981
#d48075
#c77767
#bb6e59
#af674a
#a2623b
#915d28
#7d5815
#665308
#4e4e0a
#364914
#1e431d
#023e25
#00382b
#00362e
#003732
#003c39
#034641
#19524a
#2c5f55
#3f6f60
#527e6b
#668d76
#779b80
#86a689
#90ae8f

CSS

background: linear-gradient(180deg in oklch, oklch(88.19% 0.0623 21.80) 0.0%, oklch(86.44% 0.0727 22.64) 3.2%, oklch(84.19% 0.0866 23.08) 6.5%, oklch(81.53% 0.1039 23.37) 9.7%, oklch(78.55% 0.1084 23.77) 12.9%, oklch(75.33% 0.1078 24.52) 16.1%, oklch(71.97% 0.1070 25.89) 19.4%, oklch(68.55% 0.1060 28.12) 22.6%, oklch(65.16% 0.1047 31.47) 25.8%, oklch(61.89% 0.1032 36.19) 29.0%, oklch(58.83% 0.1013 42.53) 32.3%, oklch(55.87% 0.0990 51.11) 35.5%, oklch(52.47% 0.0960 62.91) 38.7%, oklch(48.76% 0.0926 77.22) 41.9%, oklch(44.93% 0.0887 93.25) 45.2%, oklch(41.17% 0.0847 110.19) 48.4%, oklch(37.65% 0.0806 127.24) 51.6%, oklch(34.57% 0.0766 143.58) 54.8%, oklch(32.10% 0.0728 158.43) 58.1%, oklch(30.44% 0.0597 170.90) 61.3%, oklch(29.75% 0.0539 180.34) 64.5%, oklch(30.25% 0.0531 185.91) 67.7%, oklch(32.24% 0.0561 187.84) 71.0%, oklch(35.52% 0.0606 186.83) 74.2%, oklch(39.81% 0.0594 183.46) 77.4%, oklch(44.78% 0.0584 178.35) 80.6%, oklch(50.14% 0.0576 172.08) 83.9%, oklch(55.59% 0.0569 165.25) 87.1%, oklch(60.80% 0.0564 158.48) 90.3%, oklch(65.49% 0.0560 152.34) 93.5%, oklch(69.34% 0.0556 147.44) 96.8%, oklch(72.05% 0.0551 144.38) 100.0%);

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

Rạng đông hái nhài

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