Já que o Flex vem  impressionar, o tutorial abaixo ajuda dar uma forçinha no seu design.

Infelizmente para qualquer texto no Flex, apenas temos suporte a uma uníca cor não permitindo assim suporte a multiplos gradientes. A solução achada, foi utilizar um texto como mascara assim podemos utilizar todos os recursos dos componentes graficos em nossos textos.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   width="300" height="400"
			   backgroundColor="black"
			   >

	<s:Graphic maskType="alpha"
			   top="10" left="10">

		<s:Rect width="{_text.width}" height="{_text.height}">
			<s:fill>
				<s:LinearGradient rotation="90">
					<s:entries>
						<s:GradientEntry color="#F5B800"/> <!--Laranja Claro  - TOP    -->
						<s:GradientEntry color="#FF7700"/> <!--Laranja Escuro - BOTTOM -->
					</s:entries>
				</s:LinearGradient>
			</s:fill>
		</s:Rect>

		<s:mask>
			<!--Texto a ser exibido-->
			<s:RichText id="_text"
						fontFamily="Arial"
						fontSize="50"
						text="100 Loop"
						/>
		</s:mask>
	</s:Graphic>
</s:Application>

Baixe aqui

Veja em funcionamento: