#FFA1F0 - #EBDFE5 | 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 #FFA1F0 to #EBDFE5

#FFA1F0 #EBDFE5

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

#FFA1F0 - #EBDFE5 | 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 #FFA1F0 as 0% and #EBDFE5 as 100%.

0.0%	0.0% #FFA1F0	RGB 255 161 240	#FFA1F0
16.7%	16.7% #FBABEE	RGB 251 171 238	#FBABEE
33.3%	33.3% #F8B5EC	RGB 248 181 236	#F8B5EC
50.0%	50.0% #F5C0EA	RGB 245 192 234	#F5C0EA
66.7%	66.7% #F1CAE8	RGB 241 202 232	#F1CAE8
83.3%	83.3% #EED4E6	RGB 238 212 230	#EED4E6
100.0%	100.0% #EBDFE5	RGB 235 223 229	#EBDFE5

#FFA1F0 #FBABEE #F8B5EC #F5C0EA #F1CAE8 #EED4E6 #EBDFE5

#FFA1F0 - #EBDFE5

HSV Blend

#FFA1F0 - #EBDFE5 | 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 #FFA1F0 as 0% and #EBDFE5 as 100%.

0.0%	0.0% #FFA1F0	RGB 255 161 240	#FFA1F0
16.7%	16.7% #FBACEA	RGB 251 172 234	#FBACEA
33.3%	33.3% #F8B7E6	RGB 248 183 230	#F8B7E6
50.0%	50.0% #F5C1E4	RGB 245 193 228	#F5C1E4
66.7%	66.7% #F1CBE3	RGB 241 203 227	#F1CBE3
83.3%	83.3% #EED5E3	RGB 238 213 227	#EED5E3
100.0%	100.0% #EBDFE5	RGB 235 223 229	#EBDFE5

#FFA1F0 #FBACEA #F8B7E6 #F5C1E4 #F1CBE3 #EED5E3 #EBDFE5

#FFA1F0 - #F5C1E4 - #EBDFE5

CSS codes

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

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