Pastable version of Hex color between two colors

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12</pre>
            <pre class="sunburst"><span style="color:#99CF50;">function</span> <span style="color:#89BDFF;">calc_color</span>(<span style="color:#3E87E3;">value, start, end, min, max</span>) {
    <span style="color:#99CF50;">var</span> n <span style="color:#E28964;">=</span> (value <span style="color:#E28964;">-</span> min) / (max <span style="color:#E28964;">-</span> min);
    <span style="color:#99CF50;">var</span> s <span style="color:#E28964;">=</span> <span style="color:#DAD085;">parseInt</span>(start.<span style="color:#DAD085;">replace</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>#<span style="color:#65B042;">&quot;</span></span>, <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span><span style="color:#65B042;">&quot;</span></span>), <span style="color:#3387CC;">16</span>);
    <span style="color:#99CF50;">var</span> e <span style="color:#E28964;">=</span> <span style="color:#DAD085;">parseInt</span>(end.<span style="color:#DAD085;">replace</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>#<span style="color:#65B042;">&quot;</span></span>, <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span><span style="color:#65B042;">&quot;</span></span>), <span style="color:#3387CC;">16</span>);

<span style="color:#99CF50;">var</span> r <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#DAD085;">round</span>(((e <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">16</span>) <span style="color:#E28964;">-</span> (s <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">16</span>)) <span style="color:#E28964;">*</span> n) <span style="color:#E28964;">+</span> (s <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">16</span>);
    <span style="color:#99CF50;">var</span> g <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#DAD085;">round</span>((((e <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">8</span>) <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>) <span style="color:#E28964;">-</span> ((s <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">8</span>) <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>)) <span style="color:#E28964;">*</span> n) <span style="color:#E28964;">+</span> ((s <span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&gt;</span> <span style="color:#3387CC;">8</span>) <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>);
    <span style="color:#99CF50;">var</span> b <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Math</span>.<span style="color:#DAD085;">round</span>(((e <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>) <span style="color:#E28964;">-</span> (s <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>)) <span style="color:#E28964;">*</span> n) <span style="color:#E28964;">+</span> (s <span style="color:#E28964;">&amp;</span> <span style="color:#3387CC;">0xFF</span>);
    b |<span style="color:#E28964;">=</span> (r <span style="color:#E28964;">&lt;</span><span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">16</span>) | (g <span style="color:#E28964;">&lt;</span><span style="color:#E28964;">&lt;</span> <span style="color:#3387CC;">8</span>);

<span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>#<span style="color:#65B042;">&quot;</span></span> <span style="color:#E28964;">+</span> (<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>000000<span style="color:#65B042;">&quot;</span></span> <span style="color:#E28964;">+</span> b.<span style="color:#DAD085;">toString</span>(<span style="color:#3387CC;">16</span>)).<span style="color:#DAD085;">slice</span>(<span style="color:#E28964;">-</span><span style="color:#3387CC;">6</span>);
}
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/254-hex-color-between-two-colors" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible