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

Bảng màu Xanh hải quân, tím, hồng và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 90°: #07122b, #0053ac, #bb2be5, #dc69fd, #b7f6ec. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07122b
#081635
#081c42
#072353
#042b65
#003478
#003f88
#004a99
#0053ac
#005ac3
#005be0
#295cef
#4b58fa
#6b51ff
#8845fe
#a339f5
#bb2be5
#ce1cd3
#dd0ec3
#e80eb9
#ee1fb9
#f035c5
#ea4ede
#dc69fd
#bf91ff
#acacff
#a0c0ff
#98d1ff
#90e0ff
#8cedfb
#a5f3f1
#b7f6ec

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0537 263.67) 0.0%, oklch(20.90% 0.0638 263.21) 3.2%, oklch(23.57% 0.0774 262.17) 6.5%, oklch(26.77% 0.0937 260.78) 9.7%, oklch(30.34% 0.1120 259.27) 12.9%, oklch(34.15% 0.1261 257.94) 16.1%, oklch(38.05% 0.1342 256.85) 19.4%, oklch(41.88% 0.1448 256.33) 22.6%, oklch(45.51% 0.1590 256.60) 25.8%, oklch(48.79% 0.1797 257.89) 29.0%, oklch(51.57% 0.2153 260.42) 32.3%, oklch(53.77% 0.2271 264.84) 35.5%, oklch(55.51% 0.2367 272.31) 38.7%, oklch(56.90% 0.2445 282.08) 41.9%, oklch(58.04% 0.2536 293.29) 45.2%, oklch(59.00% 0.2603 305.06) 48.4%, oklch(59.89% 0.2655 316.55) 51.6%, oklch(60.80% 0.2688 326.87) 54.8%, oklch(61.81% 0.2700 335.16) 58.1%, oklch(63.03% 0.2687 340.57) 61.3%, oklch(64.53% 0.2648 342.23) 64.5%, oklch(66.43% 0.2576 339.23) 67.7%, oklch(68.78% 0.2453 330.94) 71.0%, oklch(71.49% 0.2283 318.17) 74.2%, oklch(74.45% 0.1591 302.00) 77.4%, oklch(77.55% 0.1181 283.48) 80.6%, oklch(80.69% 0.0966 263.70) 83.9%, oklch(83.74% 0.0876 243.72) 87.1%, oklch(86.60% 0.0892 224.63) 90.3%, oklch(89.16% 0.0939 207.50) 93.5%, oklch(91.30% 0.0770 193.38) 96.8%, oklch(92.91% 0.0648 183.36) 100.0%);

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

Trang phục lông vũ đính kim sa Gradient hồng và xanh cổ vịt Gradient cực quang

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