Gradient Background Loop Generator

To create a custom gradient background loop with colors of your choice, replace the hex color values in the URL below. Then open the URL a new tab.

https://lotofcolor.com/colors/?color=c8cee8-f19fa4-f5bab4-f9dbc4-e5efce-c0e8d8

For example:

Let’s use the colors from this beach color palette: #96ceb4 #ffeead #ff6f69 #ffcc5c #88d8b0

If we take these hex color values and add them into the URL, the result is:

https://lotofcolor.com/colors/?color=96ceb4-ffeead-ff6f69-ffcc5c-88d8b0-96ceb4

CAVEATS:

  • The first and last color should be the same in order to loop smoothly.
  • Only works when using with 6 colors. If your URL has less than 6 colors you can expect unexpected behaviors.

Explore some examples: