The bare minimum AngularJS

Just really simple of AngularJS as a jsFiddle

HTML

<script src="http://code.angularjs.org/1.2.10/angular-animate.js"></script>
<div ng-app="myAppModule" ng-controller="someController">
    <table>
        <tr>
           <td ng-repeat='numericValue in arrayWith5Values' style="background-color: rgb({{getColor($index)}})"
            ng-init="$parent.numValues = arrayWith5Values.length">
              {{numericValue}}
           </td>
        </tr>
    </table>
</div>

JavaScript

var myApp = angular.module('myAppModule', []);
myApp.controller('someController', function($scope) {
    // do some stuff here
    $scope.arrayWith5Values = [1,2,3,4,5,6,7,8,9,10];
    $scope.getColor = function(index) {
        var greenVal = Math.round(Math.min((255.0*2.0)*(index/($scope.numValues-1)), 255));
        var redVal = Math.round(Math.min((255.0*2.0)*(($scope.numValues-1-index)/($scope.numValues-1))));
        return "" + greenVal + "," + redVal + ",0";
    }
});