#EC9ACE - #BF2B85 | 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 #EC9ACE to #BF2B85

#EC9ACE #BF2B85

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

#EC9ACE - #BF2B85 | 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 #EC9ACE as 0% and #BF2B85 as 100%.

0.0%	0.0% #EC9ACE	RGB 236 154 206	#EC9ACE
16.7%	16.7% #E487C1	RGB 228 135 193	#E487C1
33.3%	33.3% #DD75B5	RGB 221 117 181	#DD75B5
50.0%	50.0% #D562A9	RGB 213 98 169	#D562A9
66.7%	66.7% #CE509D	RGB 206 80 157	#CE509D
83.3%	83.3% #C63D91	RGB 198 61 145	#C63D91
100.0%	100.0% #BF2B85	RGB 191 43 133	#BF2B85

#EC9ACE #E487C1 #DD75B5 #D562A9 #CE509D #C63D91 #BF2B85

#EC9ACE - #BF2B85

HSV Blend

#EC9ACE - #BF2B85 | 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 #EC9ACE as 0% and #BF2B85 as 100%.

0.0%	0.0% #EC9ACE	RGB 236 154 206	#EC9ACE
16.7%	16.7% #E484C1	RGB 228 132 193	#E484C1
33.3%	33.3% #DD70B4	RGB 221 112 180	#DD70B4
50.0%	50.0% #D55DA8	RGB 213 93 168	#D55DA8
66.7%	66.7% #CE4B9C	RGB 206 75 156	#CE4B9C
83.3%	83.3% #C63A90	RGB 198 58 144	#C63A90
100.0%	100.0% #BF2B85	RGB 191 43 133	#BF2B85

#EC9ACE #E484C1 #DD70B4 #D55DA8 #CE4B9C #C63A90 #BF2B85

#EC9ACE - #D55DA8 - #BF2B85

CSS codes

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

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