#EC7DBB - #B5106F | 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 #EC7DBB to #B5106F

#EC7DBB #B5106F

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

#EC7DBB - #B5106F | 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 #EC7DBB as 0% and #B5106F as 100%.

0.0%	0.0% #EC7DBB	RGB 236 125 187	#EC7DBB
16.7%	16.7% #E26AAE	RGB 226 106 174	#E26AAE
33.3%	33.3% #D958A1	RGB 217 88 161	#D958A1
50.0%	50.0% #D04695	RGB 208 70 149	#D04695
66.7%	66.7% #C73488	RGB 199 52 136	#C73488
83.3%	83.3% #BE227B	RGB 190 34 123	#BE227B
100.0%	100.0% #B5106F	RGB 181 16 111	#B5106F

#EC7DBB #E26AAE #D958A1 #D04695 #C73488 #BE227B #B5106F

#EC7DBB - #B5106F

HSV Blend

#EC7DBB - #B5106F | 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 #EC7DBB as 0% and #B5106F as 100%.

0.0%	0.0% #EC7DBB	RGB 236 125 187	#EC7DBB
16.7%	16.7% #E267AC	RGB 226 103 172	#E267AC
33.3%	33.3% #D9539F	RGB 217 83 159	#D9539F
50.0%	50.0% #D04092	RGB 208 64 146	#D04092
66.7%	66.7% #C72E85	RGB 199 46 133	#C72E85
83.3%	83.3% #BE1E7A	RGB 190 30 122	#BE1E7A
100.0%	100.0% #B5106F	RGB 181 16 111	#B5106F

#EC7DBB #E267AC #D9539F #D04092 #C72E85 #BE1E7A #B5106F

#EC7DBB - #D04092 - #B5106F

CSS codes

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

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