Mention that SVG FE elements use linearRGB by default (#38068)

* Mention that SVG FE elements use linearRGB by default

* Link color space

Author: Josh-Cena

files/en-us/web/svg/element/feblend/index.md

@@ -9,6 +9,8 @@ browser-compat: svg.elements.feBlend
 
 The **`<feBlend>`** [SVG](/en-US/docs/Web/SVG) filter primitive composes two objects together ruled by a certain blending mode. This is similar to what is known from image editing software when blending two layers. The mode is defined by the {{SVGAttr("mode")}} attribute.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fecolormatrix/index.md

@@ -60,6 +60,8 @@ A' | 0 0 0 1 0 |
 
 In it, every new value is exactly 1 times its old value, with nothing else added. It is recommended to start manipulating the matrix from here.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fecomponenttransfer/index.md

@@ -11,6 +11,8 @@ The **`<feComponentTransfer>`** [SVG](/en-US/docs/Web/SVG) filter primitive perf
 
 The calculations are performed on non-premultiplied color values. The colors are modified by changing each channel (R, G, B, and A) to the result of what the children {{SVGElement("feFuncR")}}, {{SVGElement("feFuncB")}}, {{SVGElement("feFuncG")}}, and {{SVGElement("feFuncA")}} return. If more than one of the same element is provided, the last one specified is used, and if no element is supplied to modify one of the channels, the effect is the same is if an identity transformation had been given for that channel.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fecomposite/index.md

@@ -9,6 +9,8 @@ browser-compat: svg.elements.feComposite
 
 The **`<feComposite>`** [SVG](/en-US/docs/Web/SVG) filter primitive performs the combination of two input images pixel-wise in image space using one of the Porter-Duff compositing operations: `over`, `in`, `atop`, `out`, `xor`, `lighter`, or `arithmetic`.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 The table below shows each of these operations using an image of the MDN logo composited with a red circle:
 
 <table class="no-markdown">

files/en-us/web/svg/element/feconvolvematrix/index.md

@@ -47,6 +47,8 @@ Let's focus on the color value at the second row and second column of the image
  3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1)
 ```
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fediffuselighting/index.md

@@ -11,6 +11,8 @@ The **`<feDiffuseLighting>`** [SVG](/en-US/docs/Web/SVG) filter primitive lights
 
 The light map produced by this filter primitive can be combined with a texture image using the multiply term of the `arithmetic` operator of the {{SVGElement("feComposite")}} filter primitive. Multiple light sources can be simulated by adding several of these light maps together before applying it to the texture image.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fedisplacementmap/index.md

@@ -15,6 +15,8 @@ The formula for the transformation looks like this:
 
 where `P(x,y)` is the input image, {{SVGAttr("in")}}, and `P'(x,y)` is the destination. `XC(x,y)` and `YC(x,y)` are the component values of the channel designated by {{SVGAttr("xChannelSelector")}} and {{SVGAttr("yChannelSelector")}}.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fedistantlight/index.md

@@ -9,6 +9,8 @@ browser-compat: svg.elements.feDistantLight
 
 The **`<feDistantLight>`** [SVG](/en-US/docs/Web/SVG) filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}

files/en-us/web/svg/element/fedropshadow/index.md

@@ -12,6 +12,8 @@ The **`<feDropShadow>`** [SVG](/en-US/docs/Web/SVG) filter primitive creates a d
 > [!NOTE]
 > The drop shadow color and opacity can be changed by using the {{SVGAttr('flood-color')}} and {{SVGAttr('flood-opacity')}} presentation attributes.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Example
 
 ```css hidden

files/en-us/web/svg/element/fegaussianblur/index.md

@@ -9,6 +9,8 @@ browser-compat: svg.elements.feGaussianBlur
 
 The **`<feGaussianBlur>`** [SVG](/en-US/docs/Web/SVG) filter primitive blurs the input image by the amount specified in {{SVGAttr("stdDeviation")}}, which defines the bell-curve.
 
+Like other filter primitives, it handles color components in the `linearRGB` {{glossary("color space")}} by default. You can use {{svgattr("color-interpolation-filters")}} to use `sRGB` instead.
+
 ## Usage context
 
 {{svginfo}}