#A2AFD9 - #3A47AD | 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 #3A47AD

#A2AFD9 #3A47AD

Calculate the color between two colors, #A2AFD9 and #3A47AD. 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 - #3A47AD | 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 #3A47AD as 100%.

0.0%	0.0% #A2AFD9	RGB 162 175 217	#A2AFD9
16.7%	16.7% #909DD1	RGB 144 157 209	#909DD1
33.3%	33.3% #7F8CCA	RGB 127 140 202	#7F8CCA
50.0%	50.0% #6E7BC3	RGB 110 123 195	#6E7BC3
66.7%	66.7% #5C69BB	RGB 92 105 187	#5C69BB
83.3%	83.3% #4B58B4	RGB 75 88 180	#4B58B4
100.0%	100.0% #3A47AD	RGB 58 71 173	#3A47AD

#A2AFD9 #909DD1 #7F8CCA #6E7BC3 #5C69BB #4B58B4 #3A47AD

#A2AFD9 - #3A47AD

HSV Blend

#A2AFD9 - #3A47AD | 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 #3A47AD as 100%.

0.0%	0.0% #A2AFD9	RGB 162 175 217	#A2AFD9
16.7%	16.7% #8E9CD1	RGB 142 156 209	#8E9CD1
33.3%	33.3% #7B8ACA	RGB 123 138 202	#7B8ACA
50.0%	50.0% #6979C3	RGB 105 121 195	#6979C3
66.7%	66.7% #5867BB	RGB 88 103 187	#5867BB
83.3%	83.3% #4857B4	RGB 72 87 180	#4857B4
100.0%	100.0% #3A47AD	RGB 58 71 173	#3A47AD

#A2AFD9 #8E9CD1 #7B8ACA #6979C3 #5867BB #4857B4 #3A47AD

#A2AFD9 - #6979C3 - #3A47AD

CSS codes

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

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