Cream Gradient

Cream Gradient CSS3 Code

The Cream gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #fffdd0, this gradient showcases a visual transformation through shade variation, transitioning from #FFFDD0 to #F0EEC1, #E1DFB2, and #FFFFDF. Embrace the cream gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.

background: #FFFDD0; background: linear-gradient(to bottom, #FFFDD0 0%, #F0EEC1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFDD0), color-stop(100%, #F0EEC1)); background: -webkit-linear-gradient(top, #FFFDD0 0%, #F0EEC1 100%); background: -moz-linear-gradient(top, #FFFDD0 0%, #F0EEC1 100%); background: -o-linear-gradient(top, #FFFDD0 0%, #F0EEC1 100%); background: -ms-linear-gradient(top, #FFFDD0 0%, #F0EEC1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFDD0', endColorstr='#F0EEC1', GradientType=0); border: 1px solid #E1DFB2; box-shadow: inset 0 1px 0 #FFFFDF; -webkit-box-shadow: inset 0 1px 0 #FFFFDF; -moz-box-shadow: inset 0 1px 0 #FFFFDF;

Cream Gradient Color Palette

Color Hex RGB CMYK
#FFFDD0 255, 253, 208 0%, 0%, 18%, 0%
#F0EEC1 240, 238, 193 0%, 0%, 19%, 5%
#E1DFB2 225, 223, 178 0%, 0%, 20%, 11%
#FFFFDF 255, 255, 223 0%, 0%, 12%, 0%
Did you know our free color tools?