/* CSS HEX */
--ash-gray: #B6BDB4ff;
--moonstone: #6B9AA5ff;
--moonstone-2: #74A9ADff;
--khaki: #BEB193ff;
--blue-munsell: #268399ff;

/* CSS HSL */
--ash-gray: hsla(107, 6%, 72%, 1);
--moonstone: hsla(191, 24%, 53%, 1);
--moonstone-2: hsla(184, 26%, 57%, 1);
--khaki: hsla(42, 25%, 66%, 1);
--blue-munsell: hsla(191, 60%, 37%, 1);

/* SCSS HEX */
$ash-gray: #B6BDB4ff;
$moonstone: #6B9AA5ff;
$moonstone-2: #74A9ADff;
$khaki: #BEB193ff;
$blue-munsell: #268399ff;

/* SCSS HSL */
$ash-gray: hsla(107, 6%, 72%, 1);
$moonstone: hsla(191, 24%, 53%, 1);
$moonstone-2: hsla(184, 26%, 57%, 1);
$khaki: hsla(42, 25%, 66%, 1);
$blue-munsell: hsla(191, 60%, 37%, 1);

/* SCSS RGB */
$ash-gray: rgba(182, 189, 180, 1);
$moonstone: rgba(107, 154, 165, 1);
$moonstone-2: rgba(116, 169, 173, 1);
$khaki: rgba(190, 177, 147, 1);
$blue-munsell: rgba(38, 131, 153, 1);

/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-right: linear-gradient(90deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-bottom: linear-gradient(180deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-left: linear-gradient(270deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-top-right: linear-gradient(45deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-bottom-right: linear-gradient(135deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-top-left: linear-gradient(225deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-bottom-left: linear-gradient(315deg, #B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);
$gradient-radial: radial-gradient(#B6BDB4ff, #6B9AA5ff, #74A9ADff, #BEB193ff, #268399ff);