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

@function rgb2hex($color) {
  @return 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));
}