#F96D9C - #FFD4BA | 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 #F96D9C to #FFD4BA

#F96D9C #FFD4BA

Calculate the color between two colors, #F96D9C and #FFD4BA. 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)

#F96D9C - #FFD4BA | 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 #F96D9C as 0% and #FFD4BA as 100%.

0.0%	0.0% #F96D9C	RGB 249 109 156	#F96D9C
16.7%	16.7% #FA7EA1	RGB 250 126 161	#FA7EA1
33.3%	33.3% #FB8FA6	RGB 251 143 166	#FB8FA6
50.0%	50.0% #FCA0AB	RGB 252 160 171	#FCA0AB
66.7%	66.7% #FDB1B0	RGB 253 177 176	#FDB1B0
83.3%	83.3% #FEC2B5	RGB 254 194 181	#FEC2B5
100.0%	100.0% #FFD4BA	RGB 255 212 186	#FFD4BA

#F96D9C #FA7EA1 #FB8FA6 #FCA0AB #FDB1B0 #FEC2B5 #FFD4BA

#F96D9C - #FFD4BA

HSV Blend

#F96D9C - #FFD4BA | 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 #F96D9C as 0% and #FFD4BA as 100%.

0.0%	0.0% #F96D9C	RGB 249 109 156	#F96D9C
16.7%	16.7% #FA7995	RGB 250 121 149	#FA7995
33.3%	33.3% #FB8691	RGB 251 134 145	#FB8691
50.0%	50.0% #FC9593	RGB 252 149 147	#FC9593
66.7%	66.7% #FDAC9F	RGB 253 172 159	#FDAC9F
83.3%	83.3% #FEC1AC	RGB 254 193 172	#FEC1AC
100.0%	100.0% #FFD4BA	RGB 255 212 186	#FFD4BA

#F96D9C #FA7995 #FB8691 #FC9593 #FDAC9F #FEC1AC #FFD4BA

#F96D9C - #FC9593 - #FFD4BA

CSS codes

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

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