\begin{figure}
    \begin{minipage}{0.45\linewidth}
        \begin{figure}
            \begin{tikzpicture}
                %tri after movement
                \draw[
                    fill,
                    kit-green40
                ] (-0.3,0) -- (6.3,0) -- (3,3.3) -- cycle;

                %primary tri
                \draw[
                    fill,
                    kit-green100
                ] (0,0) -- (6,0) -- (3,3) -- cycle;

                %arrow
                \draw[
                    -to,
                    line width = 1.2pt,
                    kit-red100
                ] (3,3) -- (3,4);

                % occlusion tri
                \draw[
                    fill,
                    kit-red100
                ] (3,2) -- (4.5,0.2) -- (6,3);

                % samples
                \foreach \x/\y in {
                        1/0.5,
                        1/2.5,
                        3/0.5,
                        3/2.5,
                        5/0.5,
                        5/2.5
                    }
                \node[fill = yellow] at (\x,\y) {};
            \end{tikzpicture}
            \caption[area sampling]{area sampling}
        \end{figure}
    \end{minipage}
    \hspace{10mm}
    \begin{minipage}{0.45\linewidth}
        \begin{figure}
            \begin{tikzpicture}

                %tri after movement
                \draw[
                    fill,
                    kit-green40
                ] (-0.3,0) -- (6.3,0) -- (3,3.3) -- cycle;

                %primary tri
                \draw[
                    fill,
                    kit-green100
                ] (0,0) -- (6,0) -- (3,3) -- cycle;

                %arrow
                \draw[
                    -to,
                    line width = 1.2pt,
                    kit-red100
                ] (3,3) -- (3,4);

                % occlusion tri
                \draw[
                    fill,
                    kit-red100
                ] (3,2) -- (4.5,0.2) -- (6,3);

                % samples
                \foreach \x/\y in {
                        0.5/0.5,
                        1.5/1.5,
                        2.5/2.5,
                        3.5/2.5,
                        5.5/0.5
                    }
                \node[fill = yellow] at (\x,\y) {};

                \node[
                    fill = yellow,
                    fill opacity = 0.4,
                ] at (4.5,1.5) {};
            \end{tikzpicture}
            \caption[edge sampling]{edge sampling}
        \end{figure}
    \end{minipage}
    \caption{Sampling a single pixel. Calculate gradient with respect
    to green triangle moving up. Measure white part of pixel vs. green part.}
\end{figure}