Demoing the use of SASS loops to create a gradient coloured list.

demo-output.css

li:nth-child(1) {
  background-color: #92cc00; }

li:nth-child(2) {
  background-color: #6d9900; }

li:nth-child(3) {
  background-color: #496600; }

li:nth-child(4) {
  background-color: #243300; }

li:nth-child(5) {
  background-color: black; }

demo.html

<ul>
  <li>Cow</li>
  <li>Dog</li>
  <li>Moose</li>
  <li>Cat</li>
  <li>Goose</li>
</ul>

demo.scss

@for $i from 1 through 5 {
    li:nth-child(#{$i}) {
        background-color: darken(#BADA33, $i * 10);
    }
}