<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/06/animating-colors-using-the-fxanimatecolor-effect-in-flex-gumbo/ -->
<FxApplication name="FxAnimateColor_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        viewSourceURL="srcview/index.html">

    <Declarations>
        <FxAnimateColor id="fxAnimateColor"
                colorFrom="{color1.selectedColor}"
                colorTo="{color2.selectedColor}"
                target="{ellipse.fill}" />
    </Declarations>    

    <Form>
        <FormItem label="colorFrom:">
            <ColorPicker id="color1"
                    selectedColor="red" />
        </FormItem>
        <FormItem label="colorTo:">
            <ColorPicker id="color2"
                    selectedColor="blue" />
        </FormItem>
        <FormItem>
            <Button id="btn"
                    label="Play"
                    click="fxAnimateColor.play();" />
        </FormItem>
    </Form>

    <Ellipse id="ellipse"
            width="300"
            height="200"
            horizontalCenter="0"
            verticalCenter="0">
        <fill>
            <SolidColor />
        </fill>
    </Ellipse>

</FxApplication>