Changing just the bottom background color of the footer

I want to change the footer to match the Colors of my logo- could your provide the code for changing the Colors of. The top background section to red and the bottom background section to grey. Thanks

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer-container{
background:red;
}
.footer-navi{
background:red;
}

Inplace of "red" put your color code.