#A8B6D9 - #524FA2 | 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 #A8B6D9 to #524FA2

#A8B6D9 #524FA2

Calculate the color between two colors, #A8B6D9 and #524FA2. 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)

#A8B6D9 - #524FA2 | 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 #A8B6D9 as 0% and #524FA2 as 100%.

0.0%	0.0% #A8B6D9	RGB 168 182 217	#A8B6D9
16.7%	16.7% #99A4CF	RGB 153 164 207	#99A4CF
33.3%	33.3% #8B93C6	RGB 139 147 198	#8B93C6
50.0%	50.0% #7D82BD	RGB 125 130 189	#7D82BD
66.7%	66.7% #6E71B4	RGB 110 113 180	#6E71B4
83.3%	83.3% #6060AB	RGB 96 96 171	#6060AB
100.0%	100.0% #524FA2	RGB 82 79 162	#524FA2

#A8B6D9 #99A4CF #8B93C6 #7D82BD #6E71B4 #6060AB #524FA2

#A8B6D9 - #524FA2

HSV Blend

#A8B6D9 - #524FA2 | 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 #A8B6D9 as 0% and #524FA2 as 100%.

0.0%	0.0% #A8B6D9	RGB 168 182 217	#A8B6D9
16.7%	16.7% #96A4CF	RGB 150 164 207	#96A4CF
33.3%	33.3% #8692C6	RGB 134 146 198	#8692C6
50.0%	50.0% #7780BD	RGB 119 128 189	#7780BD
66.7%	66.7% #696EB4	RGB 105 110 180	#696EB4
83.3%	83.3% #5B5DAB	RGB 91 93 171	#5B5DAB
100.0%	100.0% #524FA2	RGB 82 79 162	#524FA2

#A8B6D9 #96A4CF #8692C6 #7780BD #696EB4 #5B5DAB #524FA2

#A8B6D9 - #7780BD - #524FA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B6D9 0%, #7780BD 50%, #524FA2 100%);
    background: -webkit-linear-gradient(top, #A8B6D9 0%, #7780BD 50%, #524FA2 100%);
    background: linear-gradient(to bottom, #A8B6D9 0%, #7780BD 50%, #524FA2 100%);
}
</style>