#343330
#45462a
#7e5920
#dc851f
#ffa737
/* CSS HEX */ --jet: #343330ff; --drab-dark-brown: #45462aff; --field-drab: #7e5920ff; --fulvous: #dc851fff; --orange-peel: #ffa737ff; /* CSS HSL */ --jet: hsla(45, 4%, 20%, 1); --drab-dark-brown: hsla(62, 25%, 22%, 1); --field-drab: hsla(36, 59%, 31%, 1); --fulvous: hsla(32, 75%, 49%, 1); --orange-peel: hsla(34, 100%, 61%, 1); /* SCSS HEX */ $jet: #343330ff; $drab-dark-brown: #45462aff; $field-drab: #7e5920ff; $fulvous: #dc851fff; $orange-peel: #ffa737ff; /* SCSS HSL */ $jet: hsla(45, 4%, 20%, 1); $drab-dark-brown: hsla(62, 25%, 22%, 1); $field-drab: hsla(36, 59%, 31%, 1); $fulvous: hsla(32, 75%, 49%, 1); $orange-peel: hsla(34, 100%, 61%, 1); /* SCSS RGB */ $jet: rgba(52, 51, 48, 1); $drab-dark-brown: rgba(69, 70, 42, 1); $field-drab: rgba(126, 89, 32, 1); $fulvous: rgba(220, 133, 31, 1); $orange-peel: rgba(255, 167, 55, 1); /* SCSS Gradient */ $gradient-top: linear-gradient(0deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-right: linear-gradient(90deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-bottom: linear-gradient(180deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-left: linear-gradient(270deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-top-right: linear-gradient(45deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-bottom-right: linear-gradient(135deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-top-left: linear-gradient(225deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-bottom-left: linear-gradient(315deg, #343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff); $gradient-radial: radial-gradient(#343330ff, #45462aff, #7e5920ff, #dc851fff, #ffa737ff);
