Answers for "css darker color"

hover apply lighter color css

.myElement:hover {
  filter: brightness(150%);
}

css darken color

// Darker a color
rgba(var(--color-variable), 0.5);

css hover darken color

.your-css-class:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  }

How do I make my background color darker in CSS

body {
    display: grid;
    place-items: center;
    height: 100vh;
}
div {
    width: 50vw;
    height: 50vh;
    background: linear-gradient(to bottom right, #55566a, #282834);
    border-radius: 10px;
}