#EC9BA1 - #FBE4BA | 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 #EC9BA1 to #FBE4BA

#EC9BA1 #FBE4BA

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

#EC9BA1 - #FBE4BA | 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 #EC9BA1 as 0% and #FBE4BA as 100%.

0.0%	0.0% #EC9BA1	RGB 236 155 161	#EC9BA1
16.7%	16.7% #EEA7A5	RGB 238 167 165	#EEA7A5
33.3%	33.3% #F1B3A9	RGB 241 179 169	#F1B3A9
50.0%	50.0% #F3BFAD	RGB 243 191 173	#F3BFAD
66.7%	66.7% #F6CBB1	RGB 246 203 177	#F6CBB1
83.3%	83.3% #F8D7B5	RGB 248 215 181	#F8D7B5
100.0%	100.0% #FBE4BA	RGB 251 228 186	#FBE4BA

#EC9BA1 #EEA7A5 #F1B3A9 #F3BFAD #F6CBB1 #F8D7B5 #FBE4BA

#EC9BA1 - #FBE4BA

HSV Blend

#EC9BA1 - #FBE4BA | 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 #EC9BA1 as 0% and #FBE4BA as 100%.

0.0%	0.0% #EC9BA1	RGB 236 155 161	#EC9BA1
16.7%	16.7% #EEA39F	RGB 238 163 159	#EEA39F
33.3%	33.3% #F1B1A5	RGB 241 177 165	#F1B1A5
50.0%	50.0% #F3BFAA	RGB 243 191 170	#F3BFAA
66.7%	66.7% #F6CCAF	RGB 246 204 175	#F6CCAF
83.3%	83.3% #F8D8B4	RGB 248 216 180	#F8D8B4
100.0%	100.0% #FBE4BA	RGB 251 228 186	#FBE4BA

#EC9BA1 #EEA39F #F1B1A5 #F3BFAA #F6CCAF #F8D8B4 #FBE4BA

#EC9BA1 - #F3BFAA - #FBE4BA

CSS codes

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

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