#FFB2D8 - #EC5E94 | 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 #FFB2D8 to #EC5E94

#FFB2D8 #EC5E94

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

#FFB2D8 - #EC5E94 | 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 #FFB2D8 as 0% and #EC5E94 as 100%.

0.0%	0.0% #FFB2D8	RGB 255 178 216	#FFB2D8
16.7%	16.7% #FBA4CC	RGB 251 164 204	#FBA4CC
33.3%	33.3% #F896C1	RGB 248 150 193	#F896C1
50.0%	50.0% #F588B6	RGB 245 136 182	#F588B6
66.7%	66.7% #F27AAA	RGB 242 122 170	#F27AAA
83.3%	83.3% #EF6C9F	RGB 239 108 159	#EF6C9F
100.0%	100.0% #EC5E94	RGB 236 94 148	#EC5E94

#FFB2D8 #FBA4CC #F896C1 #F588B6 #F27AAA #EF6C9F #EC5E94

#FFB2D8 - #EC5E94

HSV Blend

#FFB2D8 - #EC5E94 | 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 #FFB2D8 as 0% and #EC5E94 as 100%.

0.0%	0.0% #FFB2D8	RGB 255 178 216	#FFB2D8
16.7%	16.7% #FBA3CD	RGB 251 163 205	#FBA3CD
33.3%	33.3% #F894C2	RGB 248 148 194	#F894C2
50.0%	50.0% #F586B7	RGB 245 134 183	#F586B7
66.7%	66.7% #F278AB	RGB 242 120 171	#F278AB
83.3%	83.3% #EF6B9F	RGB 239 107 159	#EF6B9F
100.0%	100.0% #EC5E94	RGB 236 94 148	#EC5E94

#FFB2D8 #FBA3CD #F894C2 #F586B7 #F278AB #EF6B9F #EC5E94

#FFB2D8 - #F586B7 - #EC5E94

CSS codes

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

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