Tím đậm, tím, hồng và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #251238, #522e86, #a8419e, #f26564, #f6c247. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#251238
#29143d
#2d1745
#321a4d
#371d58
#3d2163
#43256f
#4a2a7a
#522e86
#5a3290
#633598
#6c389e
#773aa2
#833ca4
#8f3da4
#9c3fa2
#a8419e
#b54399
#c14592
#cc498a
#d74d82
#e05379
#ea5b70
#f26564
#f87158
#fc7e4c
#fe8b42
#ff993b
#fda639
#fbb13c
#f8ba41
#f6c247

CSS

background: linear-gradient(45deg in oklch, oklch(23.23% 0.0717 304.45) 0.0%, oklch(24.46% 0.0768 304.06) 3.2%, oklch(26.04% 0.0838 303.20) 6.5%, oklch(27.92% 0.0921 302.07) 9.7%, oklch(30.02% 0.1015 300.83) 12.9%, oklch(32.29% 0.1114 299.67) 16.1%, oklch(34.65% 0.1215 298.78) 19.4%, oklch(37.06% 0.1313 298.32) 22.6%, oklch(39.43% 0.1405 298.50) 25.8%, oklch(41.71% 0.1486 299.47) 29.0%, oklch(43.83% 0.1553 301.44) 32.3%, oklch(45.77% 0.1603 304.51) 35.5%, oklch(47.65% 0.1647 308.54) 38.7%, oklch(49.49% 0.1683 313.41) 41.9%, oklch(51.30% 0.1713 318.97) 45.2%, oklch(53.09% 0.1737 325.11) 48.4%, oklch(54.88% 0.1755 331.71) 51.6%, oklch(56.66% 0.1768 338.62) 54.8%, oklch(58.46% 0.1776 345.73) 58.1%, oklch(60.27% 0.1780 352.91) 61.3%, oklch(62.13% 0.1780 0.03) 64.5%, oklch(64.03% 0.1775 7.05) 67.7%, oklch(66.10% 0.1761 14.75) 71.0%, oklch(68.31% 0.1738 23.19) 74.2%, oklch(70.59% 0.1707 32.10) 77.4%, oklch(72.90% 0.1671 41.20) 80.6%, oklch(75.18% 0.1632 50.23) 83.9%, oklch(77.35% 0.1593 58.93) 87.1%, oklch(79.36% 0.1556 67.02) 90.3%, oklch(81.16% 0.1522 74.24) 93.5%, oklch(82.68% 0.1494 80.32) 96.8%, oklch(83.86% 0.1474 85.00) 100.0%);

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

Gradient Diwali

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