#ED5EBD - #FFAFB1 | 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 #ED5EBD to #FFAFB1

#ED5EBD #FFAFB1

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

#ED5EBD - #FFAFB1 | 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 #ED5EBD as 0% and #FFAFB1 as 100%.

0.0%	0.0% #ED5EBD	RGB 237 94 189	#ED5EBD
16.7%	16.7% #F06BBB	RGB 240 107 187	#F06BBB
33.3%	33.3% #F379B9	RGB 243 121 185	#F379B9
50.0%	50.0% #F686B7	RGB 246 134 183	#F686B7
66.7%	66.7% #F994B5	RGB 249 148 181	#F994B5
83.3%	83.3% #FCA1B3	RGB 252 161 179	#FCA1B3
100.0%	100.0% #FFAFB1	RGB 255 175 177	#FFAFB1

#ED5EBD #F06BBB #F379B9 #F686B7 #F994B5 #FCA1B3 #FFAFB1

#ED5EBD - #FFAFB1

HSV Blend

#ED5EBD - #FFAFB1 | 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 #ED5EBD as 0% and #FFAFB1 as 100%.

0.0%	0.0% #ED5EBD	RGB 237 94 189	#ED5EBD
16.7%	16.7% #F06AB5	RGB 240 106 181	#F06AB5
33.3%	33.3% #F377AF	RGB 243 119 175	#F377AF
50.0%	50.0% #F685AC	RGB 246 133 172	#F685AC
66.7%	66.7% #F992AB	RGB 249 146 171	#F992AB
83.3%	83.3% #FCA0AC	RGB 252 160 172	#FCA0AC
100.0%	100.0% #FFAFB1	RGB 255 175 177	#FFAFB1

#ED5EBD #F06AB5 #F377AF #F685AC #F992AB #FCA0AC #FFAFB1

#ED5EBD - #F685AC - #FFAFB1

CSS codes

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

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