#A2AFD9 - #F7E5FC | 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 #A2AFD9 to #F7E5FC

#A2AFD9 #F7E5FC

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

#A2AFD9 - #F7E5FC | 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 #A2AFD9 as 0% and #F7E5FC as 100%.

0.0%	0.0% #A2AFD9	RGB 162 175 217	#A2AFD9
16.7%	16.7% #B0B8DE	RGB 176 184 222	#B0B8DE
33.3%	33.3% #BEC1E4	RGB 190 193 228	#BEC1E4
50.0%	50.0% #CCCAEA	RGB 204 202 234	#CCCAEA
66.7%	66.7% #DAD3F0	RGB 218 211 240	#DAD3F0
83.3%	83.3% #E8DCF6	RGB 232 220 246	#E8DCF6
100.0%	100.0% #F7E5FC	RGB 247 229 252	#F7E5FC

#A2AFD9 #B0B8DE #BEC1E4 #CCCAEA #DAD3F0 #E8DCF6 #F7E5FC

#A2AFD9 - #F7E5FC

HSV Blend

#A2AFD9 - #F7E5FC | 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 #A2AFD9 as 0% and #F7E5FC as 100%.

0.0%	0.0% #A2AFD9	RGB 162 175 217	#A2AFD9
16.7%	16.7% #ACAFDE	RGB 172 175 222	#ACAFDE
33.3%	33.3% #BBB7E4	RGB 187 183 228	#BBB7E4
50.0%	50.0% #CDC2EA	RGB 205 194 234	#CDC2EA
66.7%	66.7% #DCCDF0	RGB 220 205 240	#DCCDF0
83.3%	83.3% #EAD9F6	RGB 234 217 246	#EAD9F6
100.0%	100.0% #F7E5FC	RGB 247 229 252	#F7E5FC

#A2AFD9 #ACAFDE #BBB7E4 #CDC2EA #DCCDF0 #EAD9F6 #F7E5FC

#A2AFD9 - #CDC2EA - #F7E5FC

CSS codes

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

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