Blend tikz gradient right color with background [duplicate]

Question

I am trying to make a gradient box with text with the right color completely blend with the background. Here is my document.

\documentclass{article}
\usepackage{tikz}

\begin{document}
  \begin{tikzpicture}
    \node[inner xsep=2mm,text width=5cm,left color=red,right color=white]
      {\parbox[t]{\textwidth}{\color{white}\sffamily\bfseries A}};
  \end{tikzpicture}
\end{document}

The result I got is this:

I want the border at the right to be gone and the right color to completely blend with the background like this:

I tried fade with transparency from this post but the result is the same.

Any help will be highly appreciated.

Answer 1

Use \usepgflibrary{shadings}, and put the middle color option last. Add text, e.g. by putting a node to anchor west.

P.S. See also e.g. Tikz gradient with 3 or more colors using pgfdeclarehorizontalshading

\documentclass[10pt, border=3mm]{standalone}

\usepackage{tikz}
\usepgflibrary{shadings}

% see pgf manual, ch. 69 Shadings Library

\begin{document}

    \tikz \draw[left color=red, right color=white, middle color=red!5]
    (0,0) rectangle (2,1);% middle must be last

\end{document}