Degradado de color totalmente personalizable en TikZ

Question

Los gradientes lineales y radiales son muy flexibles enSVG. Es posible crear degradados que contengan múltiples paradas con colores translúcidos. Aquí hay un ejemplo:

Los gradientes en la figura de izquierda a derecha son lineales, radiales sin foco y radiales con foco en un punto, respectivamente. La primera fila muestra la aplicación de estos degradados a un rectángulo y la segunda fila muestra la misma aplicación a un círculo. Las paradas son iguales en todos los gradientes de la siguiente manera:

<stop offset="0.000000" stop-color="#ffffff00"/>
<stop offset="0.200000" stop-color="#ffff00ff" />
<stop offset="0.400000" stop-color="#0000ff88" />
<stop offset="0.600000" stop-color="#008000ff" />
<stop offset="0.800000" stop-color="#ff0000ff" />
<stop offset="1.000000" stop-color="#ff5599cc" />

(No inserté el código SVG completo por motivos de brevedad).

Deseo construir esta imagen usando TikZ en LaTeX. He estudiado múltiples documentaciones y tutoriales sobre sombreado y desvanecimiento, ninguno de los cuales da la más mínima pista de cómo construir esta imagen (hasta ahora, aprendí que es posible realizar sombreados que contienen múltiples paradas con colores opacos, aunque con muy poca flexibilidad). Entonces, mi pregunta en una línea es:

¿Cómo implementar la imagen de la pregunta en LaTeX usando TikZ?

Answer 1

\documentclass[tikz]{standalone} 
\usetikzlibrary{shadings, fadings}
  \begin{document} 
   \begin{tikzpicture}   
\definecolor{color1}{RGB}{255,0,0}   \definecolor{color2}{RGB}{0,255,0}   \definecolor{color3}{RGB}{0,0,255}    
\tikzfading[name=fade1, top color=transparent!0, bottom color=transparent!100]   \tikzfading[name=fade2, top color=transparent!0, bottom color=transparent!100]   \tikzfading[name=fade3, top color=transparent!0, bottom color=transparent!100] – 
\shade[path fading=fade1, left color=color1, right color=color1] (0,0) rectangle (2,1);   \shade[path fading=fade2, left color=color2, right color=color2] (0,1) rectangle (2,2);   \shade[path fading=fade3, left color=color3, right color=color3] (0,2) rectangle (2,3); \end{tikzpicture}
  \end{document}