#F5AEFF - #EDE5E9 | 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 #F5AEFF to #EDE5E9

#F5AEFF #EDE5E9

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

#F5AEFF - #EDE5E9 | 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 #F5AEFF as 0% and #EDE5E9 as 100%.

0.0%	0.0% #F5AEFF	RGB 245 174 255	#F5AEFF
16.7%	16.7% #F3B7FB	RGB 243 183 251	#F3B7FB
33.3%	33.3% #F2C0F7	RGB 242 192 247	#F2C0F7
50.0%	50.0% #F1C9F4	RGB 241 201 244	#F1C9F4
66.7%	66.7% #EFD2F0	RGB 239 210 240	#EFD2F0
83.3%	83.3% #EEDBEC	RGB 238 219 236	#EEDBEC
100.0%	100.0% #EDE5E9	RGB 237 229 233	#EDE5E9

#F5AEFF #F3B7FB #F2C0F7 #F1C9F4 #EFD2F0 #EEDBEC #EDE5E9

#F5AEFF - #EDE5E9

HSV Blend

#F5AEFF - #EDE5E9 | 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 #F5AEFF as 0% and #EDE5E9 as 100%.

0.0%	0.0% #F5AEFF	RGB 245 174 255	#F5AEFF
16.7%	16.7% #FAB7FC	RGB 250 183 252	#FAB7FC
33.3%	33.3% #F9C1F4	RGB 249 193 244	#F9C1F4
50.0%	50.0% #F6CAED	RGB 246 202 237	#F6CAED
66.7%	66.7% #F3D3E9	RGB 243 211 233	#F3D3E9
83.3%	83.3% #F0DCE8	RGB 240 220 232	#F0DCE8
100.0%	100.0% #EDE5E9	RGB 237 229 233	#EDE5E9

#F5AEFF #FAB7FC #F9C1F4 #F6CAED #F3D3E9 #F0DCE8 #EDE5E9

#F5AEFF - #F6CAED - #EDE5E9

CSS codes

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

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