Media & Entertainment Gradients
Streaming services, music platforms, social networks and games — the brands competing for attention on a crowded home screen, and colouring themselves accordingly.
26 gradientsCSS · Tailwind · Figma
Media & Entertainment Gradients · Bold
26 gradients · page 1 of 2Bluesky
Bluesky
iHeartRadio
iHeartRadio
Audible
Audible
Letterboxd
Letterboxd
Crunchyroll
Crunchyroll
Patreon
Patreon
Messenger
Messenger
beehiiv
Beehiiv
Substack
Substack
Valorant
Valorant
League of Legends
League of Legends
Fortnite
Fortnite
Minecraft
Minecraft
Roblox
Roblox
Xbox
Xbox
Nintendo
Nintendo
Peacock
Peacock
Hulu
Hulu
HBO Max
HBO Max
Disney+
Disney+
Deezer
Deezer
SoundCloud
SoundCloud
Apple Music
Apple Music
About media & entertainment gradients
Media gradients run hotter and wider than tech ones. The job is not to recede behind a product but to be the product’s face among thirty other icons, which is why so many of them travel across half the colour wheel and finish somewhere saturated.
They work best where there is room: full-bleed heroes, app store screenshots, launch art. At small sizes the wide hue travel that makes them distinctive collapses into a muddy average, so tighten the range before putting one on a badge or a chart line.
Explore more gradients
Build your own
Gradient GeneratorAnimated Gradient GeneratorMesh Gradient GeneratorTonal Gradient GeneratorGlassmorphism BuilderGradient Text GeneratorGradient from ImageGradient Wallpaper MakerGradient Border GeneratorGradient Contrast CheckerSVG Wave & Blob GeneratorDuotone GeneratorAurora Background GeneratorGradient Button GeneratorGradient Palette GeneratorGradient Shadow GeneratorCSS Pattern GeneratorGradient Avatar GeneratorGradient Loader GeneratorGradient Overlay Generator
