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.
19 gradientsCSS · Tailwind · Figma
Media & Entertainment Gradients · Cool
19 gradientsBluesky
Bluesky
Pandora
Pandora
OnlyFans
OnlyFans
Vimeo
Vimeo
Messenger
Messenger
Spotify
Spotify Canvas-Inspired
Fortnite
Fortnite
Minecraft
Minecraft
Epic Games
Epic Games
Steam
Steam
Xbox
Xbox
PlayStation
PlayStation
Prime Video
Prime Video
Paramount+
Paramount+
Hulu
Hulu
Disney+
Disney+
Deezer
Deezer
Twitch
Twitch
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
