#ED91D4 - #BF1B8D | 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 #ED91D4 to #BF1B8D

#ED91D4 #BF1B8D

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

#ED91D4 - #BF1B8D | 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 #ED91D4 as 0% and #BF1B8D as 100%.

0.0%	0.0% #ED91D4	RGB 237 145 212	#ED91D4
16.7%	16.7% #E57DC8	RGB 229 125 200	#E57DC8
33.3%	33.3% #DD69BC	RGB 221 105 188	#DD69BC
50.0%	50.0% #D656B0	RGB 214 86 176	#D656B0
66.7%	66.7% #CE42A4	RGB 206 66 164	#CE42A4
83.3%	83.3% #C62E98	RGB 198 46 152	#C62E98
100.0%	100.0% #BF1B8D	RGB 191 27 141	#BF1B8D

#ED91D4 #E57DC8 #DD69BC #D656B0 #CE42A4 #C62E98 #BF1B8D

#ED91D4 - #BF1B8D

HSV Blend

#ED91D4 - #BF1B8D | 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 #ED91D4 as 0% and #BF1B8D as 100%.

0.0%	0.0% #ED91D4	RGB 237 145 212	#ED91D4
16.7%	16.7% #E57AC7	RGB 229 122 199	#E57AC7
33.3%	33.3% #DD64BB	RGB 221 100 187	#DD64BB
50.0%	50.0% #D650AF	RGB 214 80 175	#D650AF
66.7%	66.7% #CE3DA3	RGB 206 61 163	#CE3DA3
83.3%	83.3% #C62B98	RGB 198 43 152	#C62B98
100.0%	100.0% #BF1B8D	RGB 191 27 141	#BF1B8D

#ED91D4 #E57AC7 #DD64BB #D650AF #CE3DA3 #C62B98 #BF1B8D

#ED91D4 - #D650AF - #BF1B8D

CSS codes

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

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