Snippets » CSS » Lighten or darken colours
Use colour-mix:
:root {
--colour: #3c658d;
--colour-dark: color-mix(in srgb, var(--colour), black 20%);
--colour-light: color-mix(in srgb, var(--colour), white 20%);
}
Use colour-mix:
:root {
--colour: #3c658d;
--colour-dark: color-mix(in srgb, var(--colour), black 20%);
--colour-light: color-mix(in srgb, var(--colour), white 20%);
}