#EC8CAB - #FBE1C7 | 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 #EC8CAB to #FBE1C7

#EC8CAB #FBE1C7

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

#EC8CAB - #FBE1C7 | 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 #EC8CAB as 0% and #FBE1C7 as 100%.

0.0%	0.0% #EC8CAB	RGB 236 140 171	#EC8CAB
16.7%	16.7% #EE9AAF	RGB 238 154 175	#EE9AAF
33.3%	33.3% #F1A8B4	RGB 241 168 180	#F1A8B4
50.0%	50.0% #F3B6B9	RGB 243 182 185	#F3B6B9
66.7%	66.7% #F6C4BD	RGB 246 196 189	#F6C4BD
83.3%	83.3% #F8D2C2	RGB 248 210 194	#F8D2C2
100.0%	100.0% #FBE1C7	RGB 251 225 199	#FBE1C7

#EC8CAB #EE9AAF #F1A8B4 #F3B6B9 #F6C4BD #F8D2C2 #FBE1C7

#EC8CAB - #FBE1C7

HSV Blend

#EC8CAB - #FBE1C7 | 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 #EC8CAB as 0% and #FBE1C7 as 100%.

0.0%	0.0% #EC8CAA	RGB 236 140 170	#EC8CAA
16.7%	16.7% #EE95A5	RGB 238 149 165	#EE95A5
33.3%	33.3% #F19FA2	RGB 241 159 162	#F19FA2
50.0%	50.0% #F3AFA8	RGB 243 175 168	#F3AFA8
66.7%	66.7% #F6C1B2	RGB 246 193 178	#F6C1B2
83.3%	83.3% #F8D2BC	RGB 248 210 188	#F8D2BC
100.0%	100.0% #FBE1C7	RGB 251 225 199	#FBE1C7

#EC8CAA #EE95A5 #F19FA2 #F3AFA8 #F6C1B2 #F8D2BC #FBE1C7

#EC8CAB - #F3AFA8 - #FBE1C7

CSS codes

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

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