Tím oải hương, tím và hồng (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 315°: #dbcef3, #a17ecf, #723d9f, #a044a2, #ea6eb1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #dbcef3
- #d6c8f0
- #d0c0ed
- #c8b5e9
- #c0aae5
- #b89ee0
- #b093da
- #a888d5
- #a17ecf
- #9a74c9
- #916ac2
- #8960ba
- #8157b3
- #7a4fac
- #7547a6
- #7241a2
- #723d9f
- #743b9e
- #793a9e
- #7f3b9e
- #873c9f
- #8f3fa0
- #9741a1
- #a044a2
- #a848a3
- #b24da5
- #bc52a7
- #c759aa
- #d25fac
- #dc65af
- #e46ab0
- #ea6eb1
CSS
background: linear-gradient(315deg in oklch, oklch(87.40% 0.0510 300.94) 0.0%, oklch(85.72% 0.0569 301.11) 3.2%, oklch(83.45% 0.0650 301.33) 6.5%, oklch(80.75% 0.0748 301.60) 9.7%, oklch(77.77% 0.0854 301.90) 12.9%, oklch(74.64% 0.0962 302.22) 16.1%, oklch(71.53% 0.1065 302.53) 19.4%, oklch(68.57% 0.1156 302.84) 22.6%, oklch(65.88% 0.1229 303.11) 25.8%, oklch(63.09% 0.1289 303.17) 29.0%, oklch(60.13% 0.1342 303.06) 32.3%, oklch(57.14% 0.1387 302.91) 35.5%, oklch(54.30% 0.1428 302.85) 38.7%, oklch(51.74% 0.1464 303.00) 41.9%, oklch(49.63% 0.1497 303.49) 45.2%, oklch(48.12% 0.1528 304.46) 48.4%, oklch(47.34% 0.1558 306.03) 51.6%, oklch(47.24% 0.1584 308.21) 54.8%, oklch(47.70% 0.1606 310.87) 58.1%, oklch(48.59% 0.1626 313.88) 61.3%, oklch(49.81% 0.1642 317.10) 64.5%, oklch(51.26% 0.1656 320.39) 67.7%, oklch(52.81% 0.1668 323.62) 71.0%, oklch(54.35% 0.1679 326.65) 74.2%, oklch(55.97% 0.1687 329.53) 77.4%, oklch(58.01% 0.1693 332.62) 80.6%, oklch(60.31% 0.1696 335.79) 83.9%, oklch(62.74% 0.1697 338.93) 87.1%, oklch(65.12% 0.1696 341.90) 90.3%, oklch(67.31% 0.1695 344.56) 93.5%, oklch(69.15% 0.1695 346.81) 96.8%, oklch(70.47% 0.1695 348.49) 100.0%);Trong các bộ sưu tập này
Gradient cho hero sectionGradient vaporwaveGradient tím và hồng
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
