Photo by Codioful (formerly Gradienta): https://www.pexels.com/photo/a-gradient-wallpaper-7135121/
How to Use:
Select your colors using the color pickers
Adjust the color stops and angle
Choose between linear or radial gradient
Copy the color codes in your preferred format
Try the preset gradients for quick inspiration
The tool is fully responsive and will work on mobile devices as well as desktop computers.
Gradient Color Picker
90°
HEX
#4a6fa5 to #166088
RGB
rgb(74, 111, 165) to rgb(22, 96, 136)
HSL
hsl(215, 38%, 47%) to hsl(198, 72%, 31%)
CMYK
cmyk(55%, 33%, 0%, 35%) to cmyk(84%, 29%, 0%, 47%)
Pantone (Approx)
PANTONE 18-4039 TCX to PANTONE 19-4340 TCX
CSS Code
background: linear-gradient(90deg, #4a6fa5 0%, #166088 100%)