@use 'sass:color';
@use 'sass:string';

@function rgb2hex($color) {
	@return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
}

// rgba color above solid color
@function mix-overlay-color($upper, $lower) {
	$opacity: color.alpha($upper);
	$red: color.red($upper) * $opacity + color.red($lower) * (1 - $opacity);
	$green: color.green($upper) * $opacity + color.green($lower) * (1 - $opacity);
	$blue: color.blue($upper) * $opacity + color.blue($lower) * (1 - $opacity);

	@return rgb2hex(rgb($red, $green, $blue));
}