#FFB5E6 - #EC5AC4 | 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 #FFB5E6 to #EC5AC4

#FFB5E6 #EC5AC4

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

#FFB5E6 - #EC5AC4 | 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 #FFB5E6 as 0% and #EC5AC4 as 100%.

0.0%	0.0% #FFB5E6	RGB 255 181 230	#FFB5E6
16.7%	16.7% #FBA5E0	RGB 251 165 224	#FBA5E0
33.3%	33.3% #F896DA	RGB 248 150 218	#F896DA
50.0%	50.0% #F587D5	RGB 245 135 213	#F587D5
66.7%	66.7% #F278CF	RGB 242 120 207	#F278CF
83.3%	83.3% #EF69C9	RGB 239 105 201	#EF69C9
100.0%	100.0% #EC5AC4	RGB 236 90 196	#EC5AC4

#FFB5E6 #FBA5E0 #F896DA #F587D5 #F278CF #EF69C9 #EC5AC4

#FFB5E6 - #EC5AC4

HSV Blend

#FFB5E6 - #EC5AC4 | 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 #FFB5E6 as 0% and #EC5AC4 as 100%.

0.0%	0.0% #FFB5E6	RGB 255 181 230	#FFB5E6
16.7%	16.7% #FBA4DF	RGB 251 164 223	#FBA4DF
33.3%	33.3% #F895D9	RGB 248 149 217	#F895D9
50.0%	50.0% #F585D3	RGB 245 133 211	#F585D3
66.7%	66.7% #F276CD	RGB 242 118 205	#F276CD
83.3%	83.3% #EF68C8	RGB 239 104 200	#EF68C8
100.0%	100.0% #EC5AC4	RGB 236 90 196	#EC5AC4

#FFB5E6 #FBA4DF #F895D9 #F585D3 #F276CD #EF68C8 #EC5AC4

#FFB5E6 - #F585D3 - #EC5AC4

CSS codes

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

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