#EC8CBC - #FFB2E4 | 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 #EC8CBC to #FFB2E4

#EC8CBC #FFB2E4

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

#EC8CBC - #FFB2E4 | 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 #EC8CBC as 0% and #FFB2E4 as 100%.

0.0%	0.0% #EC8CBC	RGB 236 140 188	#EC8CBC
16.7%	16.7% #EF92C2	RGB 239 146 194	#EF92C2
33.3%	33.3% #F298C9	RGB 242 152 201	#F298C9
50.0%	50.0% #F59FD0	RGB 245 159 208	#F59FD0
66.7%	66.7% #F8A5D6	RGB 248 165 214	#F8A5D6
83.3%	83.3% #FBABDD	RGB 251 171 221	#FBABDD
100.0%	100.0% #FFB2E4	RGB 255 178 228	#FFB2E4

#EC8CBC #EF92C2 #F298C9 #F59FD0 #F8A5D6 #FBABDD #FFB2E4

#EC8CBC - #FFB2E4

HSV Blend

#EC8CBC - #FFB2E4 | 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 #EC8CBC as 0% and #FFB2E4 as 100%.

0.0%	0.0% #EC8CBC	RGB 236 140 188	#EC8CBC
16.7%	16.7% #EF92C2	RGB 239 146 194	#EF92C2
33.3%	33.3% #F298C9	RGB 242 152 201	#F298C9
50.0%	50.0% #F59ED0	RGB 245 158 208	#F59ED0
66.7%	66.7% #F8A4D7	RGB 248 164 215	#F8A4D7
83.3%	83.3% #FBABDD	RGB 251 171 221	#FBABDD
100.0%	100.0% #FFB2E4	RGB 255 178 228	#FFB2E4

#EC8CBC #EF92C2 #F298C9 #F59ED0 #F8A4D7 #FBABDD #FFB2E4

#EC8CBC - #F59ED0 - #FFB2E4

CSS codes

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

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