Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy
A gradient is a palette in motion. Two colors share a surface and the transition between them does the work: it suggests light, depth, heat or time of day in a way a flat color cannot. The gradients in this library are two-stop ramps stored with an angle, so each one can be reproduced exactly rather than approximated.
This view lists them with the most vibrant and corporate ramps first, and opens them by the families their stops belong to, which is the fastest way to find a ramp that matches a palette you already have. Every gradient page carries its stops, its angle, ready-to-copy CSS and the palettes whose colors also appear in it.
Gradients are grouped by the families their stops belong to, so a blue ramp and a blue palette sit in the same neighborhood of the library. Multi-family ramps have their own hubs, since a gradient that travels from blue through green into yellow behaves very differently from one that stays in a single family. Every gradient can be copied as CSS, opened in the Color Engine as a palette, or followed into the palettes whose colors it shares.
Moor Sunset - Gradient 3
linear-gradient(90deg, #B0A890, #453D30)Vivid Hedge - Gradient 2
linear-gradient(90deg, #6B3A64, #DDE2DA)Wild Pewter Swale - Gradient 4
linear-gradient(90deg, #090D10, #DDDFE3)Pink Verdant Aura - Gradient 2
linear-gradient(90deg, #4A376B, #E0DED7)Fulcrum Pink - Gradient 4
linear-gradient(90deg, #182024, #E0DED7)Stream Moss Wool - Gradient 1
linear-gradient(90deg, #E0A820, #4C8FED)Laurel Refuge - Gradient 2
linear-gradient(90deg, #786D40, #DEDAD2)Dawn Bloom Corner - Gradient 2
linear-gradient(90deg, #3D3E75, #E4E3DB)Moor Sunset - Gradient 4
linear-gradient(90deg, #211B24, #D9E2DE)Fallow Refrain - Gradient 1
linear-gradient(90deg, #26262B, #B5E51D)Turquoise Lichen - Gradient 1
linear-gradient(90deg, #E5C22E, #23C4B6)Stratum Bluebell Summit - Gradient 1
linear-gradient(90deg, #F28C28, #1582D1)Beet Beeswax Chamber - Gradient 4
linear-gradient(90deg, #5A8D9D, #E8E5E1)Dim Cinder - Gradient 1
linear-gradient(90deg, #2D4C69, #2EE55E)Currant Sage Overcast - Gradient 1
linear-gradient(90deg, #6B8E7B, #E0526B)Flame Lavender River - Gradient 1
linear-gradient(90deg, #E67373, #3DDAA9)Ocean Copse - Gradient 1
linear-gradient(90deg, #8A9F8A, #2986CC)Wild Pewter Swale - Gradient 3
linear-gradient(90deg, #9E9EBC, #24332E)Blue Strand Catch - Gradient 3
linear-gradient(90deg, #B89F9F, #4C3F35)Shelf Cascade Amethyst - Gradient 1
linear-gradient(90deg, #B5A7AF, #D9C026)Stream Moss Wool - Gradient 2
linear-gradient(90deg, #3E7B6C, #DFE3DA)Cairn Riot Tint - Gradient 1
linear-gradient(90deg, #7D9996, #D1157D)Stone Lagoon Stem - Gradient 2
linear-gradient(90deg, #458B74, #D8DEE1)Flamingo Crossing - Gradient 1
linear-gradient(90deg, #843BFF, #DB2777)Bay Thorn - Gradient 2
linear-gradient(90deg, #3A3D73, #E0DED7)Playful Glacier - Gradient 1
linear-gradient(90deg, #151C1A, #9333EA)Flicker Petal Cascade - Gradient 1
linear-gradient(90deg, #4A6B6D, #5EE316)Hibiscus Crag Petal - Gradient 4
linear-gradient(90deg, #E0A820, #DEDAD2)Bruise Garnet Root - Gradient 1
linear-gradient(90deg, #12242B, #31E52E)Larch Aura - Gradient 1
linear-gradient(90deg, #3D5D5B, #9333EA)Lichen Delta - Gradient 1
linear-gradient(90deg, #1A2A22, #B5E830)Shelf Cedar Creek - Gradient 1
linear-gradient(90deg, #383C40, #2EE560)Cyan Peak Glow - Gradient 1
linear-gradient(90deg, #415430, #33E6D9)Purple Dune Oasis - Gradient 1
linear-gradient(90deg, #3DA9AD, #E8A03A)Magenta Sprout - Gradient 3
linear-gradient(90deg, #B6BCA4, #25343D)Sunset Mortar - Gradient 1
linear-gradient(90deg, #C2C8D1, #D97A26)Dim Cinder - Gradient 2
linear-gradient(90deg, #7E4C92, #E0DED7)Cerulean Ember Meridian - Gradient 4
linear-gradient(90deg, #FDD800, #E9E7E2)Tidal Shore - Gradient 2
linear-gradient(90deg, #433569, #D8DEE1)Twilight Honey Porcelain - Gradient 3
linear-gradient(90deg, #A2A3BB, #344E41)Rough Drift - Gradient 1
linear-gradient(90deg, #E3752D, #C026D3)Hushed Cove - Gradient 2
linear-gradient(90deg, #478978, #E0DED7)Orchard Harvest - Gradient 1
linear-gradient(90deg, #28352A, #E8A42D)Solar Orchard - Gradient 4
linear-gradient(90deg, #E5C22E, #DCDAD1)Chicha Reed - Gradient 3
linear-gradient(90deg, #B5AC9A, #593D4E)