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

Gradient tuyến tính, 32 màu, góc 135°: #101c34, #122648, #4f3a8b, #9f3fa0, #c44686. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101c34
#101c36
#101d37
#101e39
#101f3b
#10213e
#102241
#112444
#122648
#14284d
#172b53
#1b2d5a
#223063
#2b336d
#353577
#413882
#4f3a8b
#5c3b93
#6a3c9a
#783d9f
#843ea1
#8e3ea2
#973fa2
#9f3fa0
#a7409d
#ad419a
#b34296
#b74392
#bb448f
#bf458b
#c24688
#c44686

CSS

background: linear-gradient(135deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(23.18% 0.0524 263.44) 3.2%, oklch(23.55% 0.0539 262.86) 6.5%, oklch(23.96% 0.0555 262.06) 9.7%, oklch(24.43% 0.0574 261.20) 12.9%, oklch(24.97% 0.0596 260.42) 16.1%, oklch(25.61% 0.0622 259.86) 19.4%, oklch(26.37% 0.0653 259.68) 22.6%, oklch(27.25% 0.0689 260.02) 25.8%, oklch(28.28% 0.0731 261.03) 29.0%, oklch(29.48% 0.0781 262.86) 32.3%, oklch(30.90% 0.0840 265.66) 35.5%, oklch(32.65% 0.0915 269.51) 38.7%, oklch(34.65% 0.1002 274.22) 41.9%, oklch(36.84% 0.1098 279.59) 45.2%, oklch(39.14% 0.1197 285.42) 48.4%, oklch(41.48% 0.1298 291.50) 51.6%, oklch(43.78% 0.1396 297.66) 54.8%, oklch(45.98% 0.1487 303.68) 58.1%, oklch(48.01% 0.1567 309.36) 61.3%, oklch(49.78% 0.1633 314.52) 64.5%, oklch(51.24% 0.1681 319.00) 67.7%, oklch(52.50% 0.1715 323.25) 71.0%, oklch(53.60% 0.1736 327.42) 74.2%, oklch(54.57% 0.1747 331.45) 77.4%, oklch(55.41% 0.1751 335.32) 80.6%, oklch(56.14% 0.1748 338.96) 83.9%, oklch(56.78% 0.1742 342.35) 87.1%, oklch(57.34% 0.1735 345.43) 90.3%, oklch(57.83% 0.1728 348.17) 93.5%, oklch(58.27% 0.1723 350.52) 96.8%, oklch(58.66% 0.1722 352.44) 100.0%);

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

Gradient bầu trời đêm

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