#EC94C9 - #F8ECE7 | 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 #EC94C9 to #F8ECE7

#EC94C9 #F8ECE7

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

#EC94C9 - #F8ECE7 | 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 #EC94C9 as 0% and #F8ECE7 as 100%.

0.0%	0.0% #EC94C9	RGB 236 148 201	#EC94C9
16.7%	16.7% #EEA2CE	RGB 238 162 206	#EEA2CE
33.3%	33.3% #F0B1D3	RGB 240 177 211	#F0B1D3
50.0%	50.0% #F2C0D8	RGB 242 192 216	#F2C0D8
66.7%	66.7% #F4CEDD	RGB 244 206 221	#F4CEDD
83.3%	83.3% #F6DDE2	RGB 246 221 226	#F6DDE2
100.0%	100.0% #F8ECE7	RGB 248 236 231	#F8ECE7

#EC94C9 #EEA2CE #F0B1D3 #F2C0D8 #F4CEDD #F6DDE2 #F8ECE7

#EC94C9 - #F8ECE7

HSV Blend

#EC94C9 - #F8ECE7 | 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 #EC94C9 as 0% and #F8ECE7 as 100%.

0.0%	0.0% #EC94C9	RGB 236 148 201	#EC94C9
16.7%	16.7% #EEA1C4	RGB 238 161 196	#EEA1C4
33.3%	33.3% #F0AEC2	RGB 240 174 194	#F0AEC2
50.0%	50.0% #F2BCC4	RGB 242 188 196	#F2BCC4
66.7%	66.7% #F4CACA	RGB 244 202 202	#F4CACA
83.3%	83.3% #F6DCD8	RGB 246 220 216	#F6DCD8
100.0%	100.0% #F8ECE7	RGB 248 236 231	#F8ECE7

#EC94C9 #EEA1C4 #F0AEC2 #F2BCC4 #F4CACA #F6DCD8 #F8ECE7

#EC94C9 - #F2BCC4 - #F8ECE7

CSS codes

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

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