#FF8CC4 - #ED3E7D | 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 #FF8CC4 to #ED3E7D

#FF8CC4 #ED3E7D

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

#FF8CC4 - #ED3E7D | 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 #FF8CC4 as 0% and #ED3E7D as 100%.

0.0%	0.0% #FF8CC4	RGB 255 140 196	#FF8CC4
16.7%	16.7% #FC7FB8	RGB 252 127 184	#FC7FB8
33.3%	33.3% #F972AC	RGB 249 114 172	#F972AC
50.0%	50.0% #F665A0	RGB 246 101 160	#F665A0
66.7%	66.7% #F35894	RGB 243 88 148	#F35894
83.3%	83.3% #F04B88	RGB 240 75 136	#F04B88
100.0%	100.0% #ED3E7D	RGB 237 62 125	#ED3E7D

#FF8CC4 #FC7FB8 #F972AC #F665A0 #F35894 #F04B88 #ED3E7D

#FF8CC4 - #ED3E7D

HSV Blend

#FF8CC4 - #ED3E7D | 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 #FF8CC4 as 0% and #ED3E7D as 100%.

0.0%	0.0% #FF8CC4	RGB 255 140 196	#FF8CC4
16.7%	16.7% #FC7EB8	RGB 252 126 184	#FC7EB8
33.3%	33.3% #F970AD	RGB 249 112 173	#F970AD
50.0%	50.0% #F663A1	RGB 246 99 161	#F663A1
66.7%	66.7% #F35695	RGB 243 86 149	#F35695
83.3%	83.3% #F04A89	RGB 240 74 137	#F04A89
100.0%	100.0% #ED3E7D	RGB 237 62 125	#ED3E7D

#FF8CC4 #FC7EB8 #F970AD #F663A1 #F35695 #F04A89 #ED3E7D

#FF8CC4 - #F663A1 - #ED3E7D

CSS codes

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

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