#EC72AF - #FCD8CF | 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 #EC72AF to #FCD8CF

#EC72AF #FCD8CF

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

#EC72AF - #FCD8CF | 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 #EC72AF as 0% and #FCD8CF as 100%.

0.0%	0.0% #EC72AF	RGB 236 114 175	#EC72AF
16.7%	16.7% #EE83B4	RGB 238 131 180	#EE83B4
33.3%	33.3% #F194B9	RGB 241 148 185	#F194B9
50.0%	50.0% #F4A5BF	RGB 244 165 191	#F4A5BF
66.7%	66.7% #F6B6C4	RGB 246 182 196	#F6B6C4
83.3%	83.3% #F9C7C9	RGB 249 199 201	#F9C7C9
100.0%	100.0% #FCD8CF	RGB 252 216 207	#FCD8CF

#EC72AF #EE83B4 #F194B9 #F4A5BF #F6B6C4 #F9C7C9 #FCD8CF

#EC72AF - #FCD8CF

HSV Blend

#EC72AF - #FCD8CF | 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 #EC72AF as 0% and #FCD8CF as 100%.

0.0%	0.0% #EC72AE	RGB 236 114 174	#EC72AE
16.7%	16.7% #EE80AA	RGB 238 128 170	#EE80AA
33.3%	33.3% #F18FA9	RGB 241 143 169	#F18FA9
50.0%	50.0% #F49FAB	RGB 244 159 171	#F49FAB
66.7%	66.7% #F6AEB1	RGB 246 174 177	#F6AEB1
83.3%	83.3% #F9C3BE	RGB 249 195 190	#F9C3BE
100.0%	100.0% #FCD8CF	RGB 252 216 207	#FCD8CF

#EC72AE #EE80AA #F18FA9 #F49FAB #F6AEB1 #F9C3BE #FCD8CF

#EC72AF - #F49FAB - #FCD8CF

CSS codes

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

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