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

#FFB5D2 #EC5A99

Calculate the color between two colors, #FFB5D2 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)

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

0.0%	0.0% #FFB5D2	RGB 255 181 210	#FFB5D2
16.7%	16.7% #FBA5C8	RGB 251 165 200	#FBA5C8
33.3%	33.3% #F896BF	RGB 248 150 191	#F896BF
50.0%	50.0% #F587B5	RGB 245 135 181	#F587B5
66.7%	66.7% #F278AC	RGB 242 120 172	#F278AC
83.3%	83.3% #EF69A2	RGB 239 105 162	#EF69A2
100.0%	100.0% #EC5A99	RGB 236 90 153	#EC5A99

#FFB5D2 #FBA5C8 #F896BF #F587B5 #F278AC #EF69A2 #EC5A99

#FFB5D2 - #EC5A99

HSV Blend

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

0.0%	0.0% #FFB5D2	RGB 255 181 210	#FFB5D2
16.7%	16.7% #FBA4C7	RGB 251 164 199	#FBA4C7
33.3%	33.3% #F895BD	RGB 248 149 189	#F895BD
50.0%	50.0% #F585B3	RGB 245 133 179	#F585B3
66.7%	66.7% #F276AA	RGB 242 118 170	#F276AA
83.3%	83.3% #EF68A1	RGB 239 104 161	#EF68A1
100.0%	100.0% #EC5A99	RGB 236 90 153	#EC5A99

#FFB5D2 #FBA4C7 #F895BD #F585B3 #F276AA #EF68A1 #EC5A99

#FFB5D2 - #F585B3 - #EC5A99

CSS codes

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

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