Estoy haciendo un simple juego, y pretendo que un color cambie de tono proporcionalmente a un valor, es decir, por ejemplo si tengo de fondo un color azul claro (esto correspondería al valor 0) y a medida que este valor aumenta que ese color azul es vuelva más oscuro (al valor máximo de ese valor), o sea una simple regla de tres, pero claro no sé cómo proporcionar esto con los colores. Agradecería cualquier ayuda, lo que tengo hasta ahora es esto (que es casi nada), pero no sé si voy bien encaminado.
//Las variables speed y time están en otra función pero es simplemente que se vea que no es una constante.
var value = time + speed; //Este valor es el que varía, y como máximo puede llegar a 100, pues a media que este valor aumenta hacer el color "azul claro" más oscuro.
var initialColor = {r: 0, g: 146, b: 237}; //Este sería el color que me gustaría que fuese cada vez más oscuro a medida que aumente el valor
/* Y aquí se supone que debería de calcularse el color más oscuro jugando con los valores r, g y b
*
*
*
*
*
*/
$("#background").css("background","rgba(" + r + ", " + g + ", " + b + ", 1)");