Graphics.beginFill doesn't work!

Question

There is a problem in this code (Adobe reference). If You use the var "start_color" as the color to beginFill.
I create another var before to solve: var color_num:uint = 0xFF0000 and had to replace "start_color" to "color_num".
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.Strong;
import fl.motion.Color;
import flash.events.Event;
import flash.geom.ColorTransform;
var color_num:uint = 0xFF0000;//> NEW
var start_color:Color = new Color();
//start_color.setTint(0xFF0000, 0.5);//> REPLACED
start_color.setTint(color_num, 0.5);//> NEW
var final_color:uint=0x006699;
var clip_mc:MovieClip=new MovieClip();
//clip_mc.graphics.beginFill(start_color,1);//> REPLACED
clip_mc.graphics.beginFill(color_num,1);//> NEW
clip_mc.graphics.drawRect(200,200,200,200);
clip_mc.graphics.endFill();
addChild(clip_mc);
var colorInfo:ColorTransform=clip_mc.transform.colorTransform;
function initTween(event:MouseEvent):void
    var my_tween:Tween=new Tween(clip_mc,'alpha',Strong.easeOut,0,1,1,true);
    my_tween.addEventListener(TweenEvent.MOTION_CHANGE,tweenToFinal);
function tweenToFinal(event:TweenEvent):void
    //colorInfo.color=Color.interpolateColor(start_color,final_color,event.position);//> REPLACED
    colorInfo.color=Color.interpolateColor(color_num,final_color,event.position);//> NEW
    clip_mc.transform.colorTransform=colorInfo;
stage.addEventListener(MouseEvent.CLICK,initTween);

Answer 1

Ok. Thank you very much.
As a matter of fact, I was trying to do something like the code below. A preloader with tween but didn't want to use the TweenMax (if possible) and of course it was just part of the whole solution. I also have to change and to adapt many other things. But the original idea is interesting and I'd like to do a similar animation.
//Obs.: The "PreloaderCircle" MC in library, is just a blue circle shape with Width = 10 and Height = 10.
//Impor TweenMax
import com.greensock.*;
//We will add all the preloader circles to a holder movie clip
var holder:MovieClip = new MovieClip();
//This array will contain all the preloader circles
var circles:Array = new Array();
//This for loop creates and positions 5 preloader circles horizontally
for (var i:uint=0; i < 5; i++) {
//Create a new preloader circle
var circle:PreloaderCircle = new PreloaderCircle();
//Set the x position for the circle
circle.x = i * 20;
//Set the "tweened" property to false since we haven't tweened the circle yet
circle.tweened = false;
//Add the circle to the circles array
circles.push(circle);
//Add the circle to the holder
holder.addChild(circle);
//Add the holder to the stage
addChild(holder);
//Position the holder to the center of the stage
var holderWidth:Number = holder.width;
var holderHeight:Number = holder.height;
holder.x = stage.stageWidth / 2 - holderWidth / 2;
holder.y = stage.stageHeight / 2 - holderHeight / 2;
//Create a loader which loads the image
var loader = new Loader();
//Let's load the image.
//You can use your own URL here...
loader.load(new URLRequest("my_image.jpg"));
//Listen for the loading progress
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
//This function is called as the loading progresses
function progressHandler(e:ProgressEvent):void {
//Check how much has been loaded (in percentages)
var loadedPercentage:Number = (e.bytesLoaded / e.bytesTotal) * 100;
//If over 20% is loaded, tween the first circle if it hasn't been tweened yet.
if (loadedPercentage > 20 && ! circles[0].tweened) {
//Tween the circle
TweenMax.to(circles[0], 1, {tint:0xff8800, glowFilter:{color:0xff8800, alpha:1, blurX:10, blurY:10}});
//If over 40% is loaded, tween the second circle if it hasn't been tweened yet.
if (loadedPercentage > 40 && ! circles[1].tweened) {
//Tween the circle
TweenMax.to(circles[1], 1, {tint:0xff8800, glowFilter:{color:0xff8800, alpha:1, blurX:10, blurY:10}});
//If over 60% is loaded, tween the third circle if it hasn't been tweened yet.
if (loadedPercentage > 60 && ! circles[2].tweened) {
//Tween the circle
TweenMax.to(circles[2], 1, {tint:0xff8800, glowFilter:{color:0xff8800, alpha:1, blurX:10, blurY:10}});
//If over 80% is loaded, tween the fourth circle if it hasn't been tweened yet.
if (loadedPercentage > 80 && ! circles[3].tweened) {
//Tween the circle
TweenMax.to(circles[3], 1, {tint:0xff8800, glowFilter:{color:0xff8800, alpha:1, blurX:10, blurY:10}});
//If 100% is loaded, tween the fifth circle if it hasnn't been tweened yet.
if (loadedPercentage == 100 && ! circles[4].tweened) {
//Tween the circle and call the function circlesTweened() when the tween is complete (this is the last circle).
TweenMax.to(circles[4], 1, {tint:0xff8800, glowFilter:{color:0xff8800, alpha:1, blurX:10, blurY:10}, onComplete: circlesTweened});
//This function is called when the cirlces have been tweened (the image is loaded)
function circlesTweened():void {
//Loop through the circles
for (var i = 0; i < circles.length; i++) {
//Tween the circles to the left side of the stage.
//Call the function circleLeft() when the tween is finished
TweenMax.to(circles[i], 0.5, {delay: i * 0.1, x: -200, alpha: 0, onComplete: circleLeft, onCompleteParams: [circles[i]]});
//This function is called when a circle is animated to the left side.
function circleLeft(circle:PreloaderCircle):void {
//Remove the circle from the stage
holder.removeChild(circle);
//Check if the circle is the last one (most right)
if (circle == circles[4]) {
//Remove the holder from the stage
removeChild(holder);
//Get the bitmap from the loader
var bm:Bitmap = (Bitmap)(loader.content);
//Add the bitmap to a movie clip holder
var bmHolder:MovieClip = new MovieClip();
bmHolder.addChild(bm);
//Add the bitmap holder to the stage
addChild(bmHolder);
//Animate the bitmap holder
TweenMax.from(bmHolder, 1, {alpha: 0});