In an age of web design that often rewards relative aesthetic simplicity and punishes the kind of detailed background clutter that makes the contents on the foreground hard to visually distinguish, one of the most straightforward yet effective tools in a web graphic designer's arsenal is the gradient. By doing nothing more than setting two colors as "end points" and dictating a direction, even someone who is not artistically inclined can create a very smooth and subtle background tone in which either the web browser or the image creation program fills in all the colors in between. The concept of creating a large background gradient as an image that is loaded and displayed on a given web page has fallen severely out of favor because doing so would slow down the page's performance, so simple CSS syntax that renders this gradient directly within the browser is what is used to produce aesthetically clean backgrounds.
Modern CSS syntax is capable of a seemingly limitless range of aesthetic effects that look like they would have been brought about within a program like PhotoShop or Illustrator, so CSS-driven backgrounds that simultaneously utilize gradients and intersecting patterns are often shared between designers online. A website named Gradient Magic is dedicated to collecting CSS-driven background designs and freely sharing the syntax that is directly responsible for each of them. Each thumbnail on the site lets the viewer both see an example gradient-based background stretched across their browser's window and press a button that copies the syntax to their computer's clipboard so that it can be pasted into another file.
Gradient Magic divides its collection of backgrounds between several categories that reflect what kinds of patterns are appended to the underlying gradients. The most detailed of these are the categories for "angular" and "checkered" vector-based backgrounds, and the contents of their CSS code that gets copied onto the clipboard are many times longer than the code behind the pieces in the "standard" category. The site also allows the user to filter its entire collection based on the predominant colors featured within its CSS demonstrations. For more information click here https://www.gradientmagic.com/.