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

Gradient tuyến tính, 32 màu, góc 180°: #e667a0, #ba4091, #601f7c, #1b1a54, #101f2a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e667a0
#e3649f
#df609d
#da5c9b
#d55799
#cf5197
#c94c95
#c24693
#ba4091
#b23b8f
#a8378e
#9f338c
#932f8a
#872b88
#7a2785
#6d2381
#601f7c
#531c77
#471a71
#3c186b
#331765
#2a1760
#23185a
#1b1a54
#151c4e
#0f1d48
#0b1f41
#09203b
#0a2036
#0c2031
#0e202d
#101f2a

CSS

background: linear-gradient(180deg in oklch, oklch(68.50% 0.1681 354.38) 0.0%, oklch(67.61% 0.1688 353.54) 3.2%, oklch(66.51% 0.1701 352.63) 6.5%, oklch(65.22% 0.1718 351.62) 9.7%, oklch(63.77% 0.1736 350.47) 12.9%, oklch(62.19% 0.1753 349.14) 16.1%, oklch(60.48% 0.1769 347.59) 19.4%, oklch(58.69% 0.1780 345.79) 22.6%, oklch(56.83% 0.1785 343.69) 25.8%, oklch(54.93% 0.1783 341.27) 29.0%, oklch(53.00% 0.1770 338.48) 32.3%, oklch(51.01% 0.1747 335.27) 35.5%, oklch(48.78% 0.1717 331.57) 38.7%, oklch(46.35% 0.1679 327.45) 41.9%, oklch(43.80% 0.1635 322.98) 45.2%, oklch(41.19% 0.1586 318.25) 48.4%, oklch(38.60% 0.1531 313.32) 51.6%, oklch(36.09% 0.1472 308.27) 54.8%, oklch(33.73% 0.1409 303.17) 58.1%, oklch(31.60% 0.1342 298.10) 61.3%, oklch(29.77% 0.1274 293.13) 64.5%, oklch(28.29% 0.1202 288.30) 67.7%, oklch(27.10% 0.1118 283.16) 71.0%, oklch(26.16% 0.1023 277.67) 74.2%, oklch(25.43% 0.0921 272.00) 77.4%, oklch(24.87% 0.0814 266.28) 80.6%, oklch(24.45% 0.0707 260.66) 83.9%, oklch(24.13% 0.0602 255.28) 87.1%, oklch(23.88% 0.0505 250.30) 90.3%, oklch(23.67% 0.0418 245.86) 93.5%, oklch(23.47% 0.0345 242.11) 96.8%, oklch(23.23% 0.0289 239.19) 100.0%);

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

Hậu trường bột tráng gươ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