#EC7EAB - #F9DAE7 | 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 #EC7EAB to #F9DAE7

#EC7EAB #F9DAE7

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

#EC7EAB - #F9DAE7 | 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 #EC7EAB as 0% and #F9DAE7 as 100%.

0.0%	0.0% #EC7EAB	RGB 236 126 171	#EC7EAB
16.7%	16.7% #EE8DB5	RGB 238 141 181	#EE8DB5
33.3%	33.3% #F09CBF	RGB 240 156 191	#F09CBF
50.0%	50.0% #F2ACC9	RGB 242 172 201	#F2ACC9
66.7%	66.7% #F4BBD3	RGB 244 187 211	#F4BBD3
83.3%	83.3% #F6CADD	RGB 246 202 221	#F6CADD
100.0%	100.0% #F9DAE7	RGB 249 218 231	#F9DAE7

#EC7EAB #EE8DB5 #F09CBF #F2ACC9 #F4BBD3 #F6CADD #F9DAE7

#EC7EAB - #F9DAE7

HSV Blend

#EC7EAB - #F9DAE7 | 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 #EC7EAB as 0% and #F9DAE7 as 100%.

0.0%	0.0% #EC7EAB	RGB 236 126 171	#EC7EAB
16.7%	16.7% #EE8CB4	RGB 238 140 180	#EE8CB4
33.3%	33.3% #F09BBE	RGB 240 155 190	#F09BBE
50.0%	50.0% #F2AAC8	RGB 242 170 200	#F2AAC8
66.7%	66.7% #F4BAD2	RGB 244 186 210	#F4BAD2
83.3%	83.3% #F6CADC	RGB 246 202 220	#F6CADC
100.0%	100.0% #F9DAE7	RGB 249 218 231	#F9DAE7

#EC7EAB #EE8CB4 #F09BBE #F2AAC8 #F4BAD2 #F6CADC #F9DAE7

#EC7EAB - #F2AAC8 - #F9DAE7

CSS codes

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

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