High-Fidelity Gradient

Blue

A smooth transition between Muted Deep Blue and Dark Blue. This linear gradient is optimized for clarity, accessibility, and high-end visual impact.

Color Stops & Values

StopHEXNameDetails
#1A1A2EMuted Deep BlueInspect
#16213EDeep BlueInspect
#0F3460Dark BlueInspect

Production Code

CSS background
background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
Tailwind class
bg-gradient-to-r from-[#1a1a2e] to-[#0f3460]

Visual Impact

The transition from Muted Deep Blue to Dark Blue creates a deep and immersive visual field. Linear gradients are excellent for creating hierarchy in digital layouts, guiding the eye from the source point to the destination.

This specific blend is most effective when used as a full-page background or a high-impact call-to-action button surface.

Tags
ModernGradientBackgroundLinear