BgImageA PictureEditor.com tool
Generated on your machine.

Build a pattern from editable bands

The opening weave crosses two hard-stop gradient layers. Change either angle, move the boundaries or recolour the bands without flattening the design.

linear gradient, 24 stops, pale olive to olive, then linear gradient, 24 stops, white to olive, over a white ground. 1920 × 1080 pixels.

Output size

File format
Set the size in millimetres or inches
Unit

A physical size is a claim about paper, so it needs the resolution beside it. At 300 DPI this canvas prints 162.6 by 91.4 millimetres.

2.1 megapixels

This pattern is built from twenty-four alternating bands in each direction. It is intentionally finite rather than an undisclosed texture image, so every boundary appears in the layer controls and in copied CSS.

Two stripe layers make the weave

The first layer runs across the frame and the second runs down it. Each contains paired colour stops: two stops almost touching make a hard boundary instead of a blended ramp. Multiply blending lets the crossings deepen naturally, producing a simple woven check from nothing but editable colour mathematics.

For broader checks, remove stop pairs. For diagonal cloth, change one angle. For a quiet page background, reduce both layer opacities before changing the colours; contrast is what makes a pattern compete with text.

What this construction is not

  1. It is not a seamless repeating tile; the bands are distributed across the chosen canvas and resize with it.
  2. Very fine stripes can alias when the file is reduced. Export at the final dimensions rather than shrinking later.
  3. A pattern behind body text needs a flat-enough region or a separate text panel. Decorative complexity does not excuse low contrast.

Other background systems