Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> li:nth-child(1) { background-color: color-mix(in oklab, #6a5acd 0%, pink); } li:nth-child(2) { background-color: color-mix(in oklab, #6a5acd 25%, pink); } li:nth-child(3) { background-color: color-mix(in oklab, #6a5acd 50%, pink); } li:nth-child(4) { background-color: color-mix(in oklab, #6a5acd 75%, pink); } li:nth-child(5) { background-color: color-mix(in oklab, #6a5acd 100%, pink); } </style> </head> <body> <h1>The color-mix() Function</h1> <ul> <li>0%</li> <li>25%</li> <li>50%</li> <li>75%</li> <li>100%</li> </ul> </body> <!-- /cssref/tryit.php?filename=trycss_func_color-mix2 by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Feb 2025 19:59:59 GMT --> </html>
