Xanh hải quân, tím oải hương, hồng và tím tông rực rỡ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #13194c, #4648bb, #c897ea, #e14494, #53173c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

• #13194c
• #151c55
• #192164
• #1e2774
• #232e86
• #2a3595
• #323ba3
• #3b41af
• #4648bb
• #524fc6
• #6057d0
• #7061d8
• #8470df
• #987fe4
• #ac8de8
• #bb96ea
• #c897ea
• #d291e7
• #dc85df
• #e476d1
• #e966c0
• #ea59b0
• #e74ea2
• #e14494
• #d83a88
• #cd317c
• #be2971
• #a92366
• #8f205b
• #761c4f
• #611944
• #53173c

CSS

background: linear-gradient(270deg in oklch, oklch(24.41% 0.0937 272.11) 0.0%, oklch(26.30% 0.1028 271.95) 3.2%, oklch(28.95% 0.1161 271.62) 6.5%, oklch(32.07% 0.1311 271.36) 9.7%, oklch(35.35% 0.1455 271.39) 12.9%, oklch(38.49% 0.1570 271.95) 16.1%, oklch(41.35% 0.1651 273.06) 19.4%, oklch(44.16% 0.1721 274.52) 22.6%, oklch(47.00% 0.1774 276.38) 25.8%, oklch(49.99% 0.1803 278.71) 29.0%, oklch(53.19% 0.1800 281.59) 32.3%, oklch(56.92% 0.1748 285.04) 35.5%, oklch(61.50% 0.1624 289.02) 38.7%, oklch(66.31% 0.1470 293.51) 41.9%, oklch(70.66% 0.1329 298.51) 45.2%, oklch(73.86% 0.1246 304.03) 48.4%, oklch(75.28% 0.1263 310.23) 51.6%, oklch(75.16% 0.1381 317.81) 54.8%, oklch(73.93% 0.1557 326.10) 58.1%, oklch(72.03% 0.1746 334.22) 61.3%, oklch(69.88% 0.1904 341.31) 64.5%, oklch(67.84% 0.1992 346.56) 67.7%, oklch(65.71% 0.2040 350.45) 71.0%, oklch(63.32% 0.2061 353.31) 74.2%, oklch(60.62% 0.2052 355.24) 77.4%, oklch(57.56% 0.2008 356.32) 80.6%, oklch(54.11% 0.1926 356.64) 83.9%, oklch(49.66% 0.1772 355.56) 87.1%, oklch(44.47% 0.1561 353.25) 90.3%, oklch(39.23% 0.1333 350.42) 93.5%, oklch(34.67% 0.1130 347.80) 96.8%, oklch(31.50% 0.0992 346.08) 100.0%);

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

Gradient retroGradient chữGradient neonGradient synthwave

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động