Xanh dương, tím và xanh cổ vịt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #5e96b3, #6d4d69, #47759f, #3c8c6c, #034046. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5e96b3
#6090b1
#6488ad
#687da7
#6c729d
#6f6790
#705d82
#6f5474
#6d4d69
#6b4961
#69465e
#684660
#684a6a
#665078
#615a88
#576796
#47759f
#3483a0
#258e99
#28968e
#369983
#3e9879
#409372
#3c8c6c
#338368
#287863
#1c6d5f
#12625a
#095755
#054d4f
#04454a
#034046

CSS

background: linear-gradient(135deg in oklch, oklch(64.57% 0.0730 232.03) 0.0%, oklch(63.23% 0.0720 239.31) 3.2%, oklch(61.32% 0.0704 250.14) 6.5%, oklch(58.98% 0.0685 263.46) 9.7%, oklch(56.38% 0.0663 278.25) 12.9%, oklch(53.67% 0.0641 293.46) 16.1%, oklch(51.03% 0.0620 308.05) 19.4%, oklch(48.59% 0.0603 320.99) 22.6%, oklch(46.54% 0.0591 331.22) 25.8%, oklch(45.02% 0.0586 337.72) 29.0%, oklch(44.19% 0.0589 339.43) 32.3%, oklch(44.25% 0.0604 335.24) 35.5%, oklch(45.28% 0.0634 324.89) 38.7%, oklch(47.08% 0.0675 309.63) 41.9%, oklch(49.42% 0.0723 290.77) 45.2%, oklch(52.06% 0.0776 269.61) 48.4%, oklch(54.78% 0.0829 247.47) 51.6%, oklch(57.35% 0.0879 225.66) 54.8%, oklch(59.54% 0.0923 205.49) 58.1%, oklch(61.13% 0.0956 188.27) 61.3%, oklch(61.88% 0.0975 175.31) 64.5%, oklch(61.59% 0.0977 167.78) 67.7%, oklch(60.24% 0.0961 164.64) 71.0%, oklch(58.04% 0.0931 164.82) 74.2%, oklch(55.19% 0.0890 167.67) 77.4%, oklch(51.89% 0.0840 172.51) 80.6%, oklch(48.34% 0.0787 178.71) 83.9%, oklch(44.74% 0.0732 185.58) 87.1%, oklch(41.30% 0.0679 192.47) 90.3%, oklch(38.20% 0.0631 198.73) 93.5%, oklch(35.65% 0.0592 203.68) 96.8%, oklch(33.86% 0.0565 206.67) 100.0%);

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

Mưa xuân Nam bán cầu

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