Gradient art: abstract pieces for walls and screens

Gradient art is abstract artwork made from blended fields of colour. There is no subject to recognise, only colour, light and the way one tone becomes another, which is why it sits so easily on a bedroom wall, in a studio or on a screen in a café. Good gradient art feels deliberate: a clear structure, a small family of colours, a surface with some texture, and a size and ratio chosen for where it will hang or play.

This guide covers the main styles, how to choose colours that stay clean, exact print sizes, how to prepare files for print, how to make screen art and loops, and why series work better than single pieces.

What gradient art is, and the main styles

Gradient art belongs to a long tradition of paintings about colour itself. Colour-field painters built canvases from large areas of flat or softly shifting colour, and Josef Albers painted his Homage to the Square as a long series of nested squares that show how neighbouring colours change each other. Digital gradients let you make the same kind of work with exact control and repeatable results.

Most gradient artworks use one of a few structures. Choose the structure first, because it decides how the piece feels before colour does. For the technical side of each, see types of gradients.

Choosing colours for a gradient artwork

Art you live with needs colour that stays pleasant for months, not seconds. The safest approach is one hue family running from dark to light, with a single accent where the eye should rest. Analogous colours blend cleanly; complementary pairs such as blue and orange need a midpoint stop, or the middle turns grey. Muddy gradients explains why and how to fix it.

Think about the room as well as the file. Dark, saturated pieces glow on screens and feel intimate on a wall; pale, low-contrast pieces feel calm and recede. Warm families bring a space closer, cool ones open it up. Warm and cool colours covers the effect.

Print sizes for gradient art at 300 dpi

Print at 300 dots per inch for pieces seen up close. Work out the pixel size before you start, so the file is made at full resolution rather than enlarged later. These are the common sizes.

A5

1748 × 2480

A4

2480 × 3508

A3

3508 × 4961

18×24 in

5400 × 7200

5×7 in

1500 × 2100

Postcard

1800 × 1200

A-series paper keeps the same proportions at every size, so one composition scales from A5 to A3 without cropping. That makes A sizes the easiest choice if you want to sell or give one piece in several sizes. An 18×24 inch poster is 3:4, noticeably wider, so re-compose it rather than stretching an A-size file. For large prints, design at a third of the size and export at three times: an 1800×2400 design exported at 3× is exactly 5400×7200.

How to prepare gradient art for print

1. 1

   Build at full size

   Start the file at its final pixel size from the table, or at an exact fraction you will export at a whole multiple.

2. 2

   Add fine grain

   Slow, smooth blends can print with visible steps. A light, even grain breaks those steps up. See gradient banding and grainy gradients.

3. 3

   Check the colours that may not print

   Vivid blues, greens, violets and neons on screen often print duller on paper. Pull those colours back slightly, or accept the shift and judge the proof.

4. 4

   Allow for bleed

   If the colour runs to the edge, extend it past the trim by the amount your printer asks for, often 3 mm, which is about 35 px at 300 dpi.

5. 5

   Order one proof

   Print a single copy on the paper you intend to use and look at it in daylight and lamplight before ordering a run.

Paper changes the piece. Matte papers soften colour and suit calm, pale work; satin and gloss keep dark, saturated gradients deep. Print gradients goes further into colour modes and file formats.

Gradient art for screens and walls that move

Screens show gradient art at its most luminous, because they emit light rather than reflect it. Design for the screen's shape: 1920×1080 for a landscape display, 1080×1920 for a vertical one. Motion is the other advantage. A slow drift of light across a gradient turns a still piece into something closer to a window.

.art {
  width: 100vw;
  height: 100vh;
  background:
    radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, transparent 55%),
    radial-gradient(ellipse at 75% 25%, #7c3aed 0%, transparent 60%),
    linear-gradient(160deg, #1a0b2e 0%, #3d0f35 100%);
  background-size: 140% 140%;
  animation: drift 40s ease-in-out infinite alternate;
}

@keyframes drift {
  from { background-position: 0% 0%; }
  to { background-position: 100% 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .art { animation: none; }
}

For a TV, frame display or projector, export a video instead. Gradiently exports 5 to 30 second seamless loops with chosen movement and pace, which can repeat for hours without a visible jump. Seamless loop video and live wallpaper cover formats and settings.

Making gradient art as a series

A single gradient on a wall can look like a sample. Three that clearly belong together look like a body of work. The rule of a series is simple: keep the structure, the ratio and the texture the same, and change one variable across the set, such as hue, time of day, angle or the position of the light.

Name and number the pieces, like Dusk, No. 3, and keep a record of every colour and setting so you can make the next one to match. A Mark is useful here: its recipe of colours, materials, light and grain stays fixed, so every print and loop in a series renders from exactly the same source.

GR·013J·WE

Ruby Mosaic

See this Mark