« SVG Attribute reference home
The color-interpolation
attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
When a child element is blended into a background, the value of the color-interpolation
attribute on the child determines the type of blending, not the value of the color-interpolation
on the parent. For gradients which make use of the xlink:href
attribute to reference another gradient, the gradient uses the color-interpolation
attribute value from the gradient element which is directly referenced by the fill
or stroke
attribute. When animating colors, color interpolation is performed according to the value of the color-interpolation
attribute on the element being animated.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet. See css color-interpolation
for further information.
Usage context
Categories | Presentation attribute |
---|---|
Value | auto | sRGB | linearRGB | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
- auto
- Indicates that the user agent can choose either the
sRGB
orlinearRGB
spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space. - sRGB
- Indicates that color interpolation should occur in the sRGB color space.
- linearRGB
- Indicates that color interpolation should occur in the linearized RGB color space as described in the sRGB specification.
Example
Elements
The following elements can use the color-interpolation
attribute: