Best Gradient Background Color Css

. Assign an additional red color gradient with transparency and mixed-blend-mode to the body. You can create gradient color manually like this.

Make Colorful Website Backgrounds With Ease Learn How To Add An Html Background Color Using Hex Color Codes Html Color Codes Colorful Backgrounds Css Colours from www.pinterest.com

Im taking lightgrey for the background here background-color. Try the onpage demo and see the focus position of the background travelling from one side to the other. Besides being a css gradient generator the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.

So I used linear-gradient adding the same desired overlay color twice use last rgba value to control color.

Again for this method you have to use a transparent image as the background image. Linear-gradient0deg rgba rgba urlAfter that specify some value to rgba color for color overlay and url for the background image as given below. Rgba211 211 211 03. Again for this method you have to use a transparent image as the background image.