Gradients » Combined with Background color

Combined with Background color

A layer can have a Background color and a gradient at the same time. The gradient will simply be drawn on top.

So when the start or end color of the gradient has an alpha value, the background color will show through.

Like the earlier example, but interactive
Download Framer project

But a layer can’t have an image and a gradient at the same time. The moment you set a layer’s gradient its image will be discarded.