Xanh dương, tím oải hương, hồng và tím (gradient tuyến tính)

Bảng màu Xanh dương, tím oải hương, hồng và tím

Gradient tuyến tính, 21 màu, góc 180°: #3f53a1, #6f8ab8, #c98ac8, #a9509e, #4700c6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f53a1
#3c5fa1
#3e6da0
#4a79a1
#5a82aa
#6f8ab8
#858fc5
#9992cd
#ac92d1
#bd8fcf
#c98ac8
#ce83bd
#cd7ab1
#c76ea6
#bc60a0
#a9509e
#933fa1
#8031a7
#6c21b4
#580ac2
#4700c6

CSS

background: linear-gradient(180deg in oklch, oklch(46.85% 0.1268 270.00) 0.0%, oklch(49.14% 0.1142 262.50) 5.0%, oklch(52.44% 0.0963 252.02) 10.0%, oklch(55.99% 0.0814 245.67) 15.0%, oklch(59.36% 0.0758 249.41) 20.0%, oklch(63.02% 0.0765 261.08) 25.0%, oklch(66.37% 0.0806 275.76) 30.0%, oklch(68.82% 0.0860 289.01) 35.0%, oklch(70.58% 0.0943 302.74) 40.0%, oklch(71.61% 0.1042 316.23) 45.0%, oklch(71.65% 0.1130 327.06) 50.0%, oklch(70.57% 0.1190 335.13) 55.0%, oklch(68.51% 0.1240 340.96) 60.0%, oklch(65.66% 0.1306 343.20) 65.0%, oklch(61.91% 0.1407 340.28) 70.0%, oklch(56.96% 0.1531 332.22) 75.0%, oklch(51.96% 0.1679 321.97) 80.0%, oklch(48.06% 0.1856 312.23) 85.0%, oklch(45.00% 0.2099 301.14) 90.0%, oklch(42.59% 0.2348 290.27) 95.0%, oklch(40.96% 0.2431 282.67) 100.0%);

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

Gradient synthwave Gradient hoàng hôn mùa đô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