<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/24/changing-the-colorpicker-controls-easing-duration-and-easing-functions/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="top"
        backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            import mx.effects.easing.*;
        ]]>
    </mx:Script>

    <mx:Number id="easeDurationMS">2000</mx:Number>

    <mx:ColorPicker id="colorPicker"
            openDuration="{easeDurationMS}"
            openEasingFunction="Elastic.easeOut"
            closeDuration="{easeDurationMS}"
            closeEasingFunction="Elastic.easeIn"
            width="50"
            height="50" />

</mx:Application>