javascript - マウスの位置に応じて背景色が 2 つの RGB 色の間で変化する

Question

私は自分のウェブサイトで JS を使用して、マウスの位置に応じて背景色を変更しています。

ここにJSがあります：

$(document).mousemove(function(e){
   var $width = ($(document).width())/255;
    var $height = ($(document).height())/255;
    var $pageX = parseInt(e.pageX / $width,10);
    var $pageY = parseInt(e.pageY / $height,10);
    $("body").css("background-color", "rgb("+$pageY+","+$pageX+","+$pageY+")");
}); 

それは正常に動作しますが、計算を変更しようとしない限り、必要な色を定義できませんが、実際には正確でもランダムでもありません...

ここにjsfiddleがあります：http://jsfiddle.net/BrZjJ/33/

私が望むのは、同じ X と Y の位置を使用して背景の色が変わることですが、2 つの固定色 RGB (252,2,252) と RGB (23,253,23) の間です。

マウスが左上の場合は RGB (252,2,252)、マウスが右下の場合は RGB (23,253,23) で、マウスを動かすと最初の色から 2 番目の色に色が徐々に変化します。

これを行うためのものがネット上で見つかりません...誰か助けてもらえますか? ご協力いただきありがとうございます