DarkLinear · 2 stops
Dark CSS gradients
Find deep CSS gradients for dark surfaces and atmospheric accents, with exact colour stops and editable examples. These 24 selected examples come from the existing gradient library.
Try this.
Try a dark blend on a feature panel, leaving a solid surface around controls and small labels.
Check the background.
A light foreground can lose contrast over a brighter accent in the middle of a blend. Check the area behind each label and preserve visible focus indicators.
CSS for Ink Stillness
background: linear-gradient(45deg, #3F5B5D 0%, #2E414B 100%);
background: linear-gradient(45deg in oklab, #3F5B5D 0%, #2E414B 100%);The first declaration supplies an sRGB fallback; the second interpolates in OKLab. Create a gradient with your own colours and stops.