#EC8CC3 - #BA1E78 | 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 #EC8CC3 to #BA1E78

#EC8CC3 #BA1E78

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

#EC8CC3 - #BA1E78 | 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 #EC8CC3 as 0% and #BA1E78 as 100%.

0.0%	0.0% #EC8CC3	RGB 236 140 195	#EC8CC3
16.7%	16.7% #E379B6	RGB 227 121 182	#E379B6
33.3%	33.3% #DB67AA	RGB 219 103 170	#DB67AA
50.0%	50.0% #D3559D	RGB 211 85 157	#D3559D
66.7%	66.7% #CA4291	RGB 202 66 145	#CA4291
83.3%	83.3% #C23084	RGB 194 48 132	#C23084
100.0%	100.0% #BA1E78	RGB 186 30 120	#BA1E78

#EC8CC3 #E379B6 #DB67AA #D3559D #CA4291 #C23084 #BA1E78

#EC8CC3 - #BA1E78

HSV Blend

#EC8CC3 - #BA1E78 | 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 #EC8CC3 as 0% and #BA1E78 as 100%.

0.0%	0.0% #EC8CC3	RGB 236 140 195	#EC8CC3
16.7%	16.7% #E376B5	RGB 227 118 181	#E376B5
33.3%	33.3% #DB62A7	RGB 219 98 167	#DB62A7
50.0%	50.0% #D34F9B	RGB 211 79 155	#D34F9B
66.7%	66.7% #CA3D8E	RGB 202 61 142	#CA3D8E
83.3%	83.3% #C22D83	RGB 194 45 131	#C22D83
100.0%	100.0% #BA1E78	RGB 186 30 120	#BA1E78

#EC8CC3 #E376B5 #DB62A7 #D34F9B #CA3D8E #C22D83 #BA1E78

#EC8CC3 - #D34F9B - #BA1E78

CSS codes

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

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