# Introduction I'm sure you're no stranger to the popularity of gradient colours in UI design, and you'll often see complex gradient generation tools on the web. A simple gradient background generator can be created using native CSS variables and a few JS functions. Now that the gradient colour generator only does the colour picking, you need help updating the two colour values in the colour picker to the CSS variables via JS functions to enable the gradient colour preview.
Click the virtual machine below to start practicing