```
\begin{document}
%first table
\renewcommand{\arraystretch}{1.1}
\centering
  \begin{tabular}{r l l}
  \hline \hline 
    \rowcolor[RGB]{77,77,77}\color {white}BAZA & \color{white}BROJNI SISTEM & \color {white}CIFRE \\ \hline \hline
  \rowcolor[RGB]{255,255,255} 2 &  Binarni C & 0,1 \\
  \rowcolor[RGB]{242,242,242} 3 &  Ternarni & 0,1,2 \\
  \rowcolor[RGB]{255,255,255} 5 &  Kvinarni & 0,1,...,4 \\
  \rowcolor[RGB]{242,242,242} 8 &  Oktalni & 0,1,...,7 \\
  \rowcolor[RGB]{255,255,255} 10  & Dekadski & 0,1,...,9 \\
 \rowcolor[RGB]{242,242,242} 12 & Duodekadni & o,1,...,9,$\alpha,\beta$ \\
  \rowcolor[RGB]{255,255,255} 16 &  Heksadecimalni & 0,1,...,9,A,...,F \\\hline \hline
  \end{tabular}\\
%2nd table
\renewcommand{\arraystretch}{1.1}
\centering
\begin{tabular}{|l|c|r|}
  \hline \hline
    \cellcolor[RGB]{204,255,204}L1 & L2 & L3 \\ \hline 
 \multirow{2}{*}{MR2} & \multicolumn{2}{c|}{MC2} \\ \cline{2-2} & D & \cellcolor[RGB]{255,230,204}E \\ \hline
  G & \cellcolor[RGB]{255,204,204}E & M \\ \hline
  \multicolumn{2}{|c|}{\cellcolor[RGB]{204,204,255}MC1} & \multirow{2}{*}{MR1}  \\ \cline{1-2}
  A & B &  \\\hline \hline
  \end{tabular}\\
\end{document}

```

How can I align these two tables vertically like these in pictures
[![2](https://i.stack.imgur.com/BCkWX.png)](https://i.stack.imgur.com/BCkWX.png)