#FFB5D0 - #EC5A99 | 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 #FFB5D0 to #EC5A99

#FFB5D0 #EC5A99

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

#FFB5D0 - #EC5A99 | 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 #FFB5D0 as 0% and #EC5A99 as 100%.

0.0%	0.0% #FFB5D0	RGB 255 181 208	#FFB5D0
16.7%	16.7% #FBA5C6	RGB 251 165 198	#FBA5C6
33.3%	33.3% #F896BD	RGB 248 150 189	#F896BD
50.0%	50.0% #F587B4	RGB 245 135 180	#F587B4
66.7%	66.7% #F278AB	RGB 242 120 171	#F278AB
83.3%	83.3% #EF69A2	RGB 239 105 162	#EF69A2
100.0%	100.0% #EC5A99	RGB 236 90 153	#EC5A99

#FFB5D0 #FBA5C6 #F896BD #F587B4 #F278AB #EF69A2 #EC5A99

#FFB5D0 - #EC5A99

HSV Blend

#FFB5D0 - #EC5A99 | 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 #FFB5D0 as 0% and #EC5A99 as 100%.

0.0%	0.0% #FFB5D0	RGB 255 181 208	#FFB5D0
16.7%	16.7% #FBA4C5	RGB 251 164 197	#FBA4C5
33.3%	33.3% #F895BB	RGB 248 149 187	#F895BB
50.0%	50.0% #F585B2	RGB 245 133 178	#F585B2
66.7%	66.7% #F276A9	RGB 242 118 169	#F276A9
83.3%	83.3% #EF68A0	RGB 239 104 160	#EF68A0
100.0%	100.0% #EC5A99	RGB 236 90 153	#EC5A99

#FFB5D0 #FBA4C5 #F895BB #F585B2 #F276A9 #EF68A0 #EC5A99

#FFB5D0 - #F585B2 - #EC5A99

CSS codes

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

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