#ED6CD7 - #FB94D6 | 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 #ED6CD7 to #FB94D6

#ED6CD7 #FB94D6

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

#ED6CD7 - #FB94D6 | 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 #ED6CD7 as 0% and #FB94D6 as 100%.

0.0%	0.0% #ED6CD7	RGB 237 108 215	#ED6CD7
16.7%	16.7% #EF72D6	RGB 239 114 214	#EF72D6
33.3%	33.3% #F179D6	RGB 241 121 214	#F179D6
50.0%	50.0% #F480D6	RGB 244 128 214	#F480D6
66.7%	66.7% #F686D6	RGB 246 134 214	#F686D6
83.3%	83.3% #F88DD6	RGB 248 141 214	#F88DD6
100.0%	100.0% #FB94D6	RGB 251 148 214	#FB94D6

#ED6CD7 #EF72D6 #F179D6 #F480D6 #F686D6 #F88DD6 #FB94D6

#ED6CD7 - #FB94D6

HSV Blend

#ED6CD7 - #FB94D6 | 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 #ED6CD7 as 0% and #FB94D6 as 100%.

0.0%	0.0% #ED6CD7	RGB 237 108 215	#ED6CD7
16.7%	16.7% #EF72D6	RGB 239 114 214	#EF72D6
33.3%	33.3% #F178D5	RGB 241 120 213	#F178D5
50.0%	50.0% #F47FD5	RGB 244 127 213	#F47FD5
66.7%	66.7% #F686D5	RGB 246 134 213	#F686D5
83.3%	83.3% #F88DD5	RGB 248 141 213	#F88DD5
100.0%	100.0% #FB94D6	RGB 251 148 214	#FB94D6

#ED6CD7 #EF72D6 #F178D5 #F47FD5 #F686D5 #F88DD5 #FB94D6

#ED6CD7 - #F47FD5 - #FB94D6

CSS codes

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

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