Я привык делать что-то вроде следующего, чтобы задавать кнопкам цвет при наведении курсора:
button:hover, input[type = "submit"] {
opacity: 0.8
}
Есть ли способ выполнить какое-либо другое преобразование цвета в чистом CSS, например:
darken: 0.2
addBlue: 0.2
Я придумываю псевдоэлементы, но в основном смотрю, есть ли способ смешивать цвета, не прибегая к javascript.
См. Ответ в предложенном дубликате, в котором говорится о фильтрах CSS.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Возможный дубликат Динамическое изменение цвета на более светлый или темный в процентах CSS (Javascript)