#FF74AB - #FCDECC | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FF74AB to #FCDECC

#FF74AB #FCDECC

Calculate the color between two colors, #FF74AB and #FCDECC. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FF74AB - #FCDECC | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FF74AB as 0% and #FCDECC as 100%.

0.0%	0.0% #FF74AB	RGB 255 116 171	#FF74AB
16.7%	16.7% #FE85B0	RGB 254 133 176	#FE85B0
33.3%	33.3% #FE97B6	RGB 254 151 182	#FE97B6
50.0%	50.0% #FDA9BB	RGB 253 169 187	#FDA9BB
66.7%	66.7% #FDBAC1	RGB 253 186 193	#FDBAC1
83.3%	83.3% #FCCCC6	RGB 252 204 198	#FCCCC6
100.0%	100.0% #FCDECC	RGB 252 222 204	#FCDECC

#FF74AB #FE85B0 #FE97B6 #FDA9BB #FDBAC1 #FCCCC6 #FCDECC

#FF74AB - #FCDECC

HSV Blend

#FF74AB - #FCDECC | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FF74AB as 0% and #FCDECC as 100%.

0.0%	0.0% #FF74AB	RGB 255 116 171	#FF74AB
16.7%	16.7% #FE82A3	RGB 254 130 163	#FE82A3
33.3%	33.3% #FE91A0	RGB 254 145 160	#FE91A0
50.0%	50.0% #FDA0A1	RGB 253 160 161	#FDA0A1
66.7%	66.7% #FDB8AE	RGB 253 184 174	#FDB8AE
83.3%	83.3% #FCCDBD	RGB 252 205 189	#FCCDBD
100.0%	100.0% #FCDECC	RGB 252 222 204	#FCDECC

#FF74AB #FE82A3 #FE91A0 #FDA0A1 #FDB8AE #FCCDBD #FCDECC

#FF74AB - #FDA0A1 - #FCDECC

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #FF74AB 0%, #FCDECC 100%);
    background: -webkit-linear-gradient(top, #FF74AB 0%, #FCDECC 100%);
    background: linear-gradient(to bottom, #FF74AB 0%, #FCDECC 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF74AB 0%, #FDA0A1 50%, #FCDECC 100%);
    background: -webkit-linear-gradient(top, #FF74AB 0%, #FDA0A1 50%, #FCDECC 100%);
    background: linear-gradient(to bottom, #FF74AB 0%, #FDA0A1 50%, #FCDECC 100%);
}
</style>