dsc_1100_small1.scss

/* Coolors Exported Palette - https://coolors.co/89150f-381e1a-7c673f-820f0c-a39e9a */

/* CSS HEX */
--dark-red: #89150Fff;
--dark-sienna: #381E1Aff;
--raw-umber: #7C673Fff;
--maroon-web: #820F0Cff;
--spanish-gray: #A39E9Aff;

/* CSS HSL */
--dark-red: hsla(3, 80%, 30%, 1);
--dark-sienna: hsla(8, 37%, 16%, 1);
--raw-umber: hsla(39, 33%, 37%, 1);
--maroon-web: hsla(2, 83%, 28%, 1);
--spanish-gray: hsla(27, 5%, 62%, 1);

/* SCSS HEX */
$dark-red: #89150Fff;
$dark-sienna: #381E1Aff;
$raw-umber: #7C673Fff;
$maroon-web: #820F0Cff;
$spanish-gray: #A39E9Aff;

/* SCSS HSL */
$dark-red: hsla(3, 80%, 30%, 1);
$dark-sienna: hsla(8, 37%, 16%, 1);
$raw-umber: hsla(39, 33%, 37%, 1);
$maroon-web: hsla(2, 83%, 28%, 1);
$spanish-gray: hsla(27, 5%, 62%, 1);

/* SCSS RGB */
$dark-red: rgba(137, 21, 15, 1);
$dark-sienna: rgba(56, 30, 26, 1);
$raw-umber: rgba(124, 103, 63, 1);
$maroon-web: rgba(130, 15, 12, 1);
$spanish-gray: rgba(163, 158, 154, 1);

/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-right: linear-gradient(90deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-bottom: linear-gradient(180deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-left: linear-gradient(270deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-top-right: linear-gradient(45deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-bottom-right: linear-gradient(135deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-top-left: linear-gradient(225deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-bottom-left: linear-gradient(315deg, #89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);
$gradient-radial: radial-gradient(#89150Fff, #381E1Aff, #7C673Fff, #820F0Cff, #A39E9Aff);