#A2AFE5 - #425BAC | 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 #A2AFE5 to #425BAC

#A2AFE5 #425BAC

Calculate the color between two colors, #A2AFE5 and #425BAC. 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)

#A2AFE5 - #425BAC | 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 #A2AFE5 as 0% and #425BAC as 100%.

0.0%	0.0% #A2AFE5	RGB 162 175 229	#A2AFE5
16.7%	16.7% #92A1DB	RGB 146 161 219	#92A1DB
33.3%	33.3% #8293D2	RGB 130 147 210	#8293D2
50.0%	50.0% #7285C8	RGB 114 133 200	#7285C8
66.7%	66.7% #6277BF	RGB 98 119 191	#6277BF
83.3%	83.3% #5269B5	RGB 82 105 181	#5269B5
100.0%	100.0% #425BAC	RGB 66 91 172	#425BAC

#A2AFE5 #92A1DB #8293D2 #7285C8 #6277BF #5269B5 #425BAC

#A2AFE5 - #425BAC

HSV Blend

#A2AFE5 - #425BAC | 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 #A2AFE5 as 0% and #425BAC as 100%.

0.0%	0.0% #A2AFE5	RGB 162 175 229	#A2AFE5
16.7%	16.7% #8F9EDB	RGB 143 158 219	#8F9EDB
33.3%	33.3% #7D8FD2	RGB 125 143 210	#7D8FD2
50.0%	50.0% #6D80C8	RGB 109 128 200	#6D80C8
66.7%	66.7% #5D73BF	RGB 93 115 191	#5D73BF
83.3%	83.3% #4F66B5	RGB 79 102 181	#4F66B5
100.0%	100.0% #425BAC	RGB 66 91 172	#425BAC

#A2AFE5 #8F9EDB #7D8FD2 #6D80C8 #5D73BF #4F66B5 #425BAC

#A2AFE5 - #6D80C8 - #425BAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2AFE5 0%, #6D80C8 50%, #425BAC 100%);
    background: -webkit-linear-gradient(top, #A2AFE5 0%, #6D80C8 50%, #425BAC 100%);
    background: linear-gradient(to bottom, #A2AFE5 0%, #6D80C8 50%, #425BAC 100%);
}
</style>