#F1EDFB - #AE8CD7 | 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 #F1EDFB to #AE8CD7

#F1EDFB #AE8CD7

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

#F1EDFB - #AE8CD7 | 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 #F1EDFB as 0% and #AE8CD7 as 100%.

0.0%	0.0% #F1EDFB	RGB 241 237 251	#F1EDFB
16.7%	16.7% #E5DCF5	RGB 229 220 245	#E5DCF5
33.3%	33.3% #DACCEF	RGB 218 204 239	#DACCEF
50.0%	50.0% #CFBCE9	RGB 207 188 233	#CFBCE9
66.7%	66.7% #C4ACE3	RGB 196 172 227	#C4ACE3
83.3%	83.3% #B99CDD	RGB 185 156 221	#B99CDD
100.0%	100.0% #AE8CD7	RGB 174 140 215	#AE8CD7

#F1EDFB #E5DCF5 #DACCEF #CFBCE9 #C4ACE3 #B99CDD #AE8CD7

#F1EDFB - #AE8CD7

HSV Blend

#F1EDFB - #AE8CD7 | 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 #F1EDFB as 0% and #AE8CD7 as 100%.

0.0%	0.0% #F1EDFB	RGB 241 237 251	#F1EDFB
16.7%	16.7% #E3DBF5	RGB 227 219 245	#E3DBF5
33.3%	33.3% #D6CAEF	RGB 214 202 239	#D6CAEF
50.0%	50.0% #CBB9E9	RGB 203 185 233	#CBB9E9
66.7%	66.7% #C0A9E3	RGB 192 169 227	#C0A9E3
83.3%	83.3% #B69ADD	RGB 182 154 221	#B69ADD
100.0%	100.0% #AE8CD7	RGB 174 140 215	#AE8CD7

#F1EDFB #E3DBF5 #D6CAEF #CBB9E9 #C0A9E3 #B69ADD #AE8CD7

#F1EDFB - #CBB9E9 - #AE8CD7

CSS codes

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

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