#EC7E9C - #F9DAE2 | 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 #EC7E9C to #F9DAE2

#EC7E9C #F9DAE2

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

#EC7E9C - #F9DAE2 | 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 #EC7E9C as 0% and #F9DAE2 as 100%.

0.0%	0.0% #EC7E9C	RGB 236 126 156	#EC7E9C
16.7%	16.7% #EE8DA7	RGB 238 141 167	#EE8DA7
33.3%	33.3% #F09CB3	RGB 240 156 179	#F09CB3
50.0%	50.0% #F2ACBF	RGB 242 172 191	#F2ACBF
66.7%	66.7% #F4BBCA	RGB 244 187 202	#F4BBCA
83.3%	83.3% #F6CAD6	RGB 246 202 214	#F6CAD6
100.0%	100.0% #F9DAE2	RGB 249 218 226	#F9DAE2

#EC7E9C #EE8DA7 #F09CB3 #F2ACBF #F4BBCA #F6CAD6 #F9DAE2

#EC7E9C - #F9DAE2

HSV Blend

#EC7E9C - #F9DAE2 | 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 #EC7E9C as 0% and #F9DAE2 as 100%.

0.0%	0.0% #EC7E9C	RGB 236 126 156	#EC7E9C
16.7%	16.7% #EE8CA7	RGB 238 140 167	#EE8CA7
33.3%	33.3% #F09BB2	RGB 240 155 178	#F09BB2
50.0%	50.0% #F2AABD	RGB 242 170 189	#F2AABD
66.7%	66.7% #F4BAC9	RGB 244 186 201	#F4BAC9
83.3%	83.3% #F6CAD5	RGB 246 202 213	#F6CAD5
100.0%	100.0% #F9DAE2	RGB 249 218 226	#F9DAE2

#EC7E9C #EE8CA7 #F09BB2 #F2AABD #F4BAC9 #F6CAD5 #F9DAE2

#EC7E9C - #F2AABD - #F9DAE2

CSS codes

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

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