    <html xmlns:t ="urn:schemas-microsoft-com:time" >
    <head>
    <style>
    .time    { behavior: url(#default#time2);}
    DIV {border:1px solid black; height:100; width:100}
    </style>
    <?IMPORT namespace="t" implementation="#default#time2">
    </head>
    <BODY BGCOLOR=white>
    <!-- Time Element for testing -->
    <DIV id="timedElement" style="background:#000000;"></DIV>
    <t:animateColor id="a1"
    targetElement="timedElement"
    attributeName="backgroundColor"
    begin="1" dur="2s"
    additive="replace"
    by="#0000ff"
    fill="remove"
    calcmode="linear"
    onend="Timer.endElement()"
    /><BR>
    <!--*******************************************************************************-->
    <!--***************everything past this line is informational**********************-->
    <!-- This is FOR verifing time -->
    <B>TIME:</B><BR>
    Timer:
    <span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold"
    onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span>
    <br>
    Backgroundcolor = <span id=ReadTop class="time" begin="a1.begin" timeAction="style" dur="0.02" repeatCount="indefinite" onrepeat="innerText=timedElement.runtimeStyle.backgroundColor">#000000</span>
    <br><br>
    <!-- Expectations, Sample Code, and Information -->
    <B>EXPECTED BEHAVIOR:</B><br>
    animateColor will begin at 1 second and have a duration of 2 seconds.<br>
    At 0 seconds, the color will be BLACK - #000000.<SPAN style="background:#000000; font-size:10pt">     </SPAN><br>
    At 1 second, animateColor begins and the color animate towards BLUE - #0000FF.<br>
    At 2 seconds, the midpoint of animateColor, the color will be #00007F.<SPAN style="background:#00007F; font-size:10pt">     </SPAN><br>
    At 3 seconds, the color will be BLUE and animateColor Ends.<SPAN style="background:#0000FF; font-size:10pt">     </SPAN><br>
    After animateColor ends, the timedElement (BLUE) should be REMOVE, leaving the original (BLACK).<SPAN style="background:#000000; font-size:10pt">     </SPAN><br>
    **Note: calcmode="linear" color changes linear over time duration
    <br><br>
    <B>SAMPLE CODE:</B><br>
    <div id="timedElement" style="border:1px solid black;background:BLACK; width:100; height:100;"></div><br>
    <t:animateColor targetElement="timedElement" attributeName="backgroundColor" begin="1s" dur="2s" by="#0000ff" fill="remove" calcmode="linear"></t:animateColor>
    <br>
    <br>
    <B>INFORMATION:</B><br>
    Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Debbie Newman, Microsoft<br>
    Version: 10/09/2000<br>
    Module: animation<br>
    Feature: animateColor calcmode=linear, fill=remove<br>
    File Name: animateColor_by_remove_linear.htm<br>
    Media Components: None<br><br>
    </BODY>
    </HTML>