title: What’s the difference between the LESS color functions lighten and tint?
body: <p>Both <code>lighten</code> and <code>tint</code> seem to make a color lighter (closer to white). Why does LESS define both?</p>
  <p>From <a href="http://lesscss.org/#reference" rel="noreferrer">the LESS documentation</a>:</p>
  <blockquote>
  <p><code>lighten(@color, 10%);  // return a color 10% points *lighter*</code></p>
  <p><code>tint(@color, 10%);     // return a color mixed 10% with white</code></p>
  </blockquote>
  <p>How <a href="http://www.workwithcolor.com/color-properties-definitions-0101.htm#tint" rel="noreferrer">one site</a> defines <strong>tint</strong> (note the use of the word “lighter”):</p>
  <blockquote>
  <p>If you tinted a color, you've been adding white to the original color.</p>
  <p>A tint is lighter than the original color.</p>
  </blockquote>