Color Mix

by Mr_Vasu

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo voluptatibus itaque aliquam excepturi, aliquid impedit neque nisi fugit nulla, velit temporibus, architecto eveniet totam labore consequatur officia ipsum at minima.
  </p>
</body>
</html>

CSS

p{
   --color-secondary: #993667;
    --color-primary: #d7f300;
    --base-color: var(--color-secondary);
    --blend-color: #ff001a;
    --mix-percent: 91%;
    --result-color: color-mix( in hsl, var(--base-color) var(--mix-percent),var(--blend-color));
    background: var(--result-color);
       color: #fff;
    padding:10px;
}