Designing with sharp gradients in CSS
How to use the CSS linear- and radial-gradient properties with ease
Sometimes, we encounter a paradox in design, such as a sharp gradient.
Gradients are supposed to be smooth. A smooth gradient blends two or more colors together harmoniously, as in this example: