title: How to make an element's background-color a little darker using CSS
body: <p>I have the following CSS for a button:</p>
  <pre><code>.Button {
    background-color: #somehex;
  }
  </code></pre>
  <p>When the user hovers over the button, I want the <code>background-color</code> to be a little darker. I have tried changing opacity, which didn't work, and currently am doing it this way:</p>
  <pre><code>.Button:hover {
    transition: 0.2s ease-in;
    background-color: #ALittleDarkerHex;
  }
  </code></pre>
  <p>While this process works, it is really tedious because I have to manually look for a darker version of the color I am working with. I was wondering if there was an easier way to darken the <code>background-color</code> of a button using CSS.</p>