Timer: 0
Backgroundcolor = #00ff00

animateColor will begin at 1 second and have a duration of 2 seconds.
note additive=sum so that all color values have green value of FF.
At 0 seconds, the color will be GREEN - #00FF00.     
At 1 second, animateColor begins and the color will imediately start from #FFFF00.     
At 2 seconds, the midpoint of animateColor, the color value will be #7FFF7F.     
At 3 seconds, the color will be #00FFFF and animateColor Ends.     
After animateColor ends, the timedElement should HOLD on #00FFFF.
**Note: calcmode="linear" color changes linear over time duration

<div id="timedElement" style="border:1px solid black;background:GREEN; width:100; height:100;"></div>
<t:animateColor targetElement="timedElement" attributeName="backgroundColor" begin="1s" dur="2s" additive="sum" from="ff0000" to="#0000ff" fill="hold" calcmode="linear"></t:animateColor>

Copyright: Copyright 1998-2005 W3C (MIT, ERCIM, Keio), All Rights Reserved. See http://www.w3.org/Consortium/Legal/. Author: Debbie Newman, Microsoft
Version: 10/09/2000
Module: animation
Feature: animateColor calcmode=linear, additive=sum, fill=hold
File Name: animateColor_fromTo_hold_linear.htm
Media Components: None