将点击的颜色值从黑色增加为红色Javascript

我正在开发一个应用程序,并且试图创建一个将颜色从黑色逐渐增加为红色的功能。 例如,用户选择一个从0到100的数字,这表示他可以单击按钮100次,直到收到一条消息,说他不再单击该消息为止,我希望该数字的颜色在显示前总是越来越红计数器结束。

数字0 =黑色->数字100 =全红色。

这是添加数字onclick的函数:

<input type="text" id="inc" value="0" readonly="readonly"></input>

function adicionar()
{
 if( i < x)
 {
  i++;
  document.getElementById('inc').value = i;
 }
}

谢谢你的帮助!