#A2ACDA - #3E5A97 | 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 #A2ACDA to #3E5A97

#A2ACDA #3E5A97

Calculate the color between two colors, #A2ACDA and #3E5A97. 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)

#A2ACDA - #3E5A97 | 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 #A2ACDA as 0% and #3E5A97 as 100%.

0.0%	0.0% #A2ACDA	RGB 162 172 218	#A2ACDA
16.7%	16.7% #919ECE	RGB 145 158 206	#919ECE
33.3%	33.3% #8090C3	RGB 128 144 195	#8090C3
50.0%	50.0% #7083B8	RGB 112 131 184	#7083B8
66.7%	66.7% #5F75AD	RGB 95 117 173	#5F75AD
83.3%	83.3% #4E67A2	RGB 78 103 162	#4E67A2
100.0%	100.0% #3E5A97	RGB 62 90 151	#3E5A97

#A2ACDA #919ECE #8090C3 #7083B8 #5F75AD #4E67A2 #3E5A97

#A2ACDA - #3E5A97

HSV Blend

#A2ACDA - #3E5A97 | 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 #A2ACDA as 0% and #3E5A97 as 100%.

0.0%	0.0% #A2ACDA	RGB 162 172 218	#A2ACDA
16.7%	16.7% #8E9BCE	RGB 142 155 206	#8E9BCE
33.3%	33.3% #7B8BC3	RGB 123 139 195	#7B8BC3
50.0%	50.0% #6A7DB8	RGB 106 125 184	#6A7DB8
66.7%	66.7% #5A70AD	RGB 90 112 173	#5A70AD
83.3%	83.3% #4B64A2	RGB 75 100 162	#4B64A2
100.0%	100.0% #3E5A97	RGB 62 90 151	#3E5A97

#A2ACDA #8E9BCE #7B8BC3 #6A7DB8 #5A70AD #4B64A2 #3E5A97

#A2ACDA - #6A7DB8 - #3E5A97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2ACDA 0%, #6A7DB8 50%, #3E5A97 100%);
    background: -webkit-linear-gradient(top, #A2ACDA 0%, #6A7DB8 50%, #3E5A97 100%);
    background: linear-gradient(to bottom, #A2ACDA 0%, #6A7DB8 50%, #3E5A97 100%);
}
</style>