使用css3的transition实现背景颜色从红色过渡到绿色的原理是什么

如题。
最近做项目的时候想研究背景颜色渐变的原理是什么？
我想应该是在一个颜色过渡到另外一个颜色的时候，不间断的取某个颜色到另外一个颜色中间的颜色反馈到页面，从而实现渐变的过渡效果。但其中不知道有什么规律或者方法去规定颜色如何取值。
比如现在从红色过渡到绿色，那么根据色谱应该会是这样的过程：红->紫->蓝->绿。
如果现在不利用css3的transition，用js如何通过不断更换颜色做到颜色过渡的效果，其中的原理和算法是什么？

互换的青春