#F5E7F7 - #AA9EBF | 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 #F5E7F7 to #AA9EBF

#F5E7F7 #AA9EBF

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

#F5E7F7 - #AA9EBF | 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 #F5E7F7 as 0% and #AA9EBF as 100%.

0.0%	0.0% #F5E7F7	RGB 245 231 247	#F5E7F7
16.7%	16.7% #E8DAED	RGB 232 218 237	#E8DAED
33.3%	33.3% #DCCEE4	RGB 220 206 228	#DCCEE4
50.0%	50.0% #CFC2DB	RGB 207 194 219	#CFC2DB
66.7%	66.7% #C3B6D1	RGB 195 182 209	#C3B6D1
83.3%	83.3% #B6AAC8	RGB 182 170 200	#B6AAC8
100.0%	100.0% #AA9EBF	RGB 170 158 191	#AA9EBF

#F5E7F7 #E8DAED #DCCEE4 #CFC2DB #C3B6D1 #B6AAC8 #AA9EBF

#F5E7F7 - #AA9EBF

HSV Blend

#F5E7F7 - #AA9EBF | 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 #F5E7F7 as 0% and #AA9EBF as 100%.

0.0%	0.0% #F5E7F7	RGB 245 231 247	#F5E7F7
16.7%	16.7% #E9D9ED	RGB 233 217 237	#E9D9ED
33.3%	33.3% #DDCDE4	RGB 221 205 228	#DDCDE4
50.0%	50.0% #D1C0DB	RGB 209 192 219	#D1C0DB
66.7%	66.7% #C4B4D1	RGB 196 180 209	#C4B4D1
83.3%	83.3% #B7A9C8	RGB 183 169 200	#B7A9C8
100.0%	100.0% #AA9EBF	RGB 170 158 191	#AA9EBF

#F5E7F7 #E9D9ED #DDCDE4 #D1C0DB #C4B4D1 #B7A9C8 #AA9EBF

#F5E7F7 - #D1C0DB - #AA9EBF

CSS codes

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

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