Xanh lá, xanh cổ vịt và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #6f934c, #39744c, #1a6364, #7b84a4, #d4bcc6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6f934c
#6b914d
#658e4d
#5f8b4d
#58874d
#50824d
#497e4c
#41794c
#39744c
#31704c
#296c4d
#21684f
#1b6551
#166354
#136258
#15625d
#1a6364
#23656c
#2e6975
#3b6d7f
#4a7289
#5a7793
#6b7d9c
#7b84a4
#8b8baa
#9a93b0
#a89bb5
#b4a3ba
#bfaabe
#c8b1c1
#cfb7c4
#d4bcc6

CSS

background: linear-gradient(45deg in oklch, oklch(61.81% 0.1061 130.78) 0.0%, oklch(61.11% 0.1048 132.82) 3.2%, oklch(60.10% 0.1033 134.99) 6.5%, oklch(58.85% 0.1015 137.32) 9.7%, oklch(57.41% 0.0995 139.84) 12.9%, oklch(55.83% 0.0973 142.59) 16.1%, oklch(54.17% 0.0950 145.59) 19.4%, oklch(52.49% 0.0926 148.86) 22.6%, oklch(50.85% 0.0900 152.45) 25.8%, oklch(49.30% 0.0874 156.37) 29.0%, oklch(47.89% 0.0847 160.66) 32.3%, oklch(46.69% 0.0821 165.34) 35.5%, oklch(45.74% 0.0794 170.44) 38.7%, oklch(45.11% 0.0767 176.00) 41.9%, oklch(44.85% 0.0741 182.04) 45.2%, oklch(45.01% 0.0715 188.60) 48.4%, oklch(45.67% 0.0690 195.80) 51.6%, oklch(46.88% 0.0664 204.25) 54.8%, oklch(48.57% 0.0636 213.85) 58.1%, oklch(50.67% 0.0607 224.42) 61.3%, oklch(53.11% 0.0578 235.73) 64.5%, oklch(55.83% 0.0548 247.58) 67.7%, oklch(58.74% 0.0518 259.77) 71.0%, oklch(61.78% 0.0488 272.08) 74.2%, oklch(64.87% 0.0459 284.33) 77.4%, oklch(67.94% 0.0431 296.29) 80.6%, oklch(70.92% 0.0404 307.76) 83.9%, oklch(73.73% 0.0379 318.54) 87.1%, oklch(76.30% 0.0356 328.41) 90.3%, oklch(78.57% 0.0335 337.19) 93.5%, oklch(80.46% 0.0318 344.64) 96.8%, oklch(81.89% 0.0303 350.59) 100.0%);

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

Gradient khu vườn phong sương

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