Hồng, xanh dương, tím và cam (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #eaa179, #4e30b7, #e16c42, #daa1c8, #481d83. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eaa179
#e89877
#e48a77
#de7b7a
#d36a80
#c45b8a
#b14e95
#9c439f
#853ba8
#7035ad
#5f30b0
#532eb2
#4d2db3
#4b2eb5
#4e30b7
#5433b9
#5d36bc
#683abd
#743ebe
#8242bd
#9045bb
#9d48b7
#a94ab1
#b54ca8
#c34d99
#cf5186
#d95671
#df6059
#e16c42
#df782c
#da851c
#d58f1a
#d29723
#d29b2f
#d79c3c
#de9c4d
#e69b61
#ec9a78
#ed9a8f
#eb9ca6
#e49eb9
#daa1c8
#cea3d1
#c3a4d5
#b8a2d5
#ad9cd2
#a193cd
#9488c6
#877bbd
#7b6db4
#6f5eaa
#654fa1
#5c4097
#54338f
#4d2788
#481d83

CSS

background: linear-gradient(135deg in oklch, oklch(77.17% 0.1020 49.92) 0.0%, oklch(75.18% 0.1073 42.85) 1.8%, oklch(72.43% 0.1146 33.09) 3.6%, oklch(69.08% 0.1234 21.28) 5.5%, oklch(65.34% 0.1333 8.05) 7.3%, oklch(61.38% 0.1438 354.03) 9.1%, oklch(57.38% 0.1545 339.84) 10.9%, oklch(53.54% 0.1649 326.11) 12.7%, oklch(50.02% 0.1745 313.47) 14.5%, oklch(47.02% 0.1829 302.55) 16.4%, oklch(44.72% 0.1896 293.98) 18.2%, oklch(43.31% 0.1943 288.40) 20.0%, oklch(42.76% 0.1970 285.45) 21.8%, oklch(42.89% 0.1983 284.27) 23.6%, oklch(43.59% 0.1983 284.69) 25.5%, oklch(44.74% 0.1974 286.53) 27.3%, oklch(46.26% 0.1956 289.61) 29.1%, oklch(48.03% 0.1932 293.76) 30.9%, oklch(49.96% 0.1903 298.80) 32.7%, oklch(51.93% 0.1871 304.55) 34.5%, oklch(53.84% 0.1838 310.84) 36.4%, oklch(55.60% 0.1807 317.49) 38.2%, oklch(57.09% 0.1778 324.33) 40.0%, oklch(58.47% 0.1749 332.76) 41.8%, oklch(59.96% 0.1718 343.83) 43.6%, oklch(61.51% 0.1684 356.80) 45.5%, oklch(63.10% 0.1648 10.91) 47.3%, oklch(64.69% 0.1610 25.44) 49.1%, oklch(66.25% 0.1570 39.62) 50.9%, oklch(67.75% 0.1528 52.73) 52.7%, oklch(69.15% 0.1485 64.02) 54.5%, oklch(70.42% 0.1441 72.74) 56.4%, oklch(71.53% 0.1396 78.15) 58.2%, oklch(72.44% 0.1350 79.51) 60.0%, oklch(73.30% 0.1298 76.14) 61.8%, oklch(74.22% 0.1236 68.43) 63.6%, oklch(75.14% 0.1166 57.23) 65.5%, oklch(76.00% 0.1093 43.38) 67.3%, oklch(76.72% 0.1020 27.76) 69.1%, oklch(77.26% 0.0950 11.20) 70.9%, oklch(77.53% 0.0887 354.56) 72.7%, oklch(77.49% 0.0834 338.69) 74.5%, oklch(77.07% 0.0795 324.45) 76.4%, oklch(76.19% 0.0773 312.68) 78.2%, oklch(74.80% 0.0772 304.25) 80.0%, oklch(72.67% 0.0796 298.74) 81.8%, oklch(69.71% 0.0844 295.02) 83.6%, oklch(66.10% 0.0912 292.81) 85.5%, oklch(62.03% 0.0994 291.83) 87.3%, oklch(57.69% 0.1087 291.82) 89.1%, oklch(53.24% 0.1184 292.51) 90.9%, oklch(48.87% 0.1281 293.61) 92.7%, oklch(44.76% 0.1373 294.87) 94.5%, oklch(41.10% 0.1456 296.02) 96.4%, oklch(38.06% 0.1523 296.76) 98.2%, oklch(35.83% 0.1571 296.85) 100.0%);

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

Gradient cam và tí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