https://baseline.is/tools/css-gradients/
CSS gradient backgrounds for your project. A collection of 42 stunning gradients that you can easily copy-paste to your project.
css gradientslookstunningbaseline
https://allutilitycss.com/tools/hypercolor/
Jun 5, 2025 - A curated collection of beautiful premade gradients using Tailwind CSS.
tailwind cssgradients
https://css-generators.com/gradient-shadows/
A CSS-only method to create shadows with gradients coloration. Get an optimized & modern code in no time.
cssgeneratorshadowsgradients
https://css-tricks.com/the-gray-dead-zone-of-gradients/
Mar 2, 2021 - Erik D. Kennedy notes an interesting phenomenon of color gradients. If you have a gradient between two colors where the line between them in the color space
dead zonecss tricksquotgraygradients
https://freebiesbug.com/code-stuff/coolhue-css-color-gradients/
Jun 19, 2017 - coolHue is a fancy collection of background gradients ready to be imported in a CSS file as linear-gradient or base64 SVG data.
collectionreadyusedcsscolor
https://hexcolor.co/css3-gradients
CSS3 Gradients is a free online service providing 1200 ready made gradients for you to use in your projects and designs.
css gradientgradientsultimatelist
https://patrickbrosset.com/articles/2022-10-24-do-you-really-understand-CSS-radial-gradients/
A blog post by Patrick Brosset: Do you really understand CSS radial-gradients?
patrickarticlesreallyunderstandcss
https://gradient.style/
Wide gamut Color 4 compliant CSS gradient builder.
csshdrgradients
https://css-tricks.com/a-complete-guide-to-css-gradients/
Aug 12, 2024 - Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to declare...
css gradientsguidetricks
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in...
image effectscss gradientsaspect ratiocreateresponsive