#AA6FD5 - #F8C4D9 | 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 #AA6FD5 to #F8C4D9

#AA6FD5 #F8C4D9

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

#AA6FD5 - #F8C4D9 | 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 #AA6FD5 as 0% and #F8C4D9 as 100%.

0.0%	0.0% #AA6FD5	RGB 170 111 213	#AA6FD5
16.7%	16.7% #B77DD5	RGB 183 125 213	#B77DD5
33.3%	33.3% #C48BD6	RGB 196 139 214	#C48BD6
50.0%	50.0% #D199D7	RGB 209 153 215	#D199D7
66.7%	66.7% #DEA7D7	RGB 222 167 215	#DEA7D7
83.3%	83.3% #EBB5D8	RGB 235 181 216	#EBB5D8
100.0%	100.0% #F8C4D9	RGB 248 196 217	#F8C4D9

#AA6FD5 #B77DD5 #C48BD6 #D199D7 #DEA7D7 #EBB5D8 #F8C4D9

#AA6FD5 - #F8C4D9

HSV Blend

#AA6FD5 - #F8C4D9 | 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 #AA6FD5 as 0% and #F8C4D9 as 100%.

0.0%	0.0% #AA6FD5	RGB 170 111 213	#AA6FD5
16.7%	16.7% #C27BDA	RGB 194 123 218	#C27BDA
33.3%	33.3% #D989E0	RGB 217 137 224	#D989E0
50.0%	50.0% #E697DF	RGB 230 151 223	#E697DF
66.7%	66.7% #ECA5DA	RGB 236 165 218	#ECA5DA
83.3%	83.3% #F2B4D7	RGB 242 180 215	#F2B4D7
100.0%	100.0% #F8C4D9	RGB 248 196 217	#F8C4D9

#AA6FD5 #C27BDA #D989E0 #E697DF #ECA5DA #F2B4D7 #F8C4D9

#AA6FD5 - #E697DF - #F8C4D9

CSS codes

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

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