Cotton Candy Gradient

Cotton Candy Gradient CSS3 Code

The Cotton Candy gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #ffbcd9, this gradient showcases a visual transformation through shade variation, transitioning from #FFBCD9 to #F0ADCA, #E19EBB, and #FFCBE8. Embrace the cotton candy 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: #FFBCD9; background: linear-gradient(to bottom, #FFBCD9 0%, #F0ADCA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFBCD9), color-stop(100%, #F0ADCA)); background: -webkit-linear-gradient(top, #FFBCD9 0%, #F0ADCA 100%); background: -moz-linear-gradient(top, #FFBCD9 0%, #F0ADCA 100%); background: -o-linear-gradient(top, #FFBCD9 0%, #F0ADCA 100%); background: -ms-linear-gradient(top, #FFBCD9 0%, #F0ADCA 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBCD9', endColorstr='#F0ADCA', GradientType=0); border: 1px solid #E19EBB; box-shadow: inset 0 1px 0 #FFCBE8; -webkit-box-shadow: inset 0 1px 0 #FFCBE8; -moz-box-shadow: inset 0 1px 0 #FFCBE8;

Cotton Candy Gradient Color Palette

Color Hex RGB CMYK
#FFBCD9 255, 188, 217 0%, 26%, 14%, 0%
#F0ADCA 240, 173, 202 0%, 27%, 15%, 5%
#E19EBB 225, 158, 187 0%, 29%, 16%, 11%
#FFCBE8 255, 203, 232 0%, 20%, 9%, 0%
Did you know our free color tools?