---
title: animateColor
slug: Web/SVG/Element/animateColor
tags:
  - Animação
  - Elelemt
  - Obsoleto
  - SVG
translation_of: Web/SVG/Element/animateColor
---
<div>{{SVGRef}}{{deprecated_header}}</div>

<div class="warning">
<p>Este elemento ficou obsoleto na Segunda Edição do SVG 1.1 e deverá ser removida das futuras versões do SVG. Este elemento fornece recursos ainda não disponíveis utilizando o elemento {{ SVGElement("animate") }} e não está implementado no Firefox e no Internet Explorer. Os autores devem utilizar o elemento {{ SVGElement("animate") }} em seu lugar.</p>
</div>

<p>O elemento <code>animateColor</code> especifica uma transformação de cor ao longo do tempo.</p>

<h2 id="Contexto_de_uso">Contexto de uso</h2>

<p>{{svginfo}}</p>

<h2 id="Exemplo">Exemplo</h2>

<p>» <a href="/files/3264/animateColor.svg" title="/files/3264/animateColor.svg">animateColor.svg</a></p>

<h2 id="Atributos">Atributos</h2>

<h3 id="Atributos_globais">Atributos globais</h3>

<ul>
 <li><a href="/pt-BR/docs/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Atributos de processamento condicional</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Atributos principais</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Atributos de eventos da animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Atributos XLink</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationAttributeTarget" title="en/SVG/Attribute#AnimationAttributeTarget">Atributos de destino do atributo da animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Atributos de cronometragem da animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Atributos de valor de animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Atributos de animação adicionais</a> »</li>
 <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>

<h3 id="Atributos_específicos">Atributos específicos</h3>

<ul>
 <li>{{ SVGAttr("by") }}</li>
 <li>{{ SVGAttr("from") }}</li>
 <li>{{ SVGAttr("to") }}</li>
</ul>

<h2 id="Interface_DOM">Interface DOM</h2>

<p>Este elemento implementa a interface do <code><a href="/pt-BR/docs/DOM/SVGAnimateColorElement" title="en/DOM/SVGAnimateColorElement">SVGAnimateColorElement</a></code>.</p>

<h2 id="Related">Related</h2>

<ul>
 <li>{{ SVGElement("animate") }}</li>
</ul>