#A8A1ED - #3A33B2 | 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 #A8A1ED to #3A33B2

#A8A1ED #3A33B2

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

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

0.0%	0.0% #A8A1ED	RGB 168 161 237	#A8A1ED
16.7%	16.7% #958EE3	RGB 149 142 227	#958EE3
33.3%	33.3% #837CD9	RGB 131 124 217	#837CD9
50.0%	50.0% #716ACF	RGB 113 106 207	#716ACF
66.7%	66.7% #5E57C5	RGB 94 87 197	#5E57C5
83.3%	83.3% #4C45BB	RGB 76 69 187	#4C45BB
100.0%	100.0% #3A33B2	RGB 58 51 178	#3A33B2

#A8A1ED #958EE3 #837CD9 #716ACF #5E57C5 #4C45BB #3A33B2

#A8A1ED - #3A33B2

HSV Blend

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

0.0%	0.0% #A8A1ED	RGB 168 161 237	#A8A1ED
16.7%	16.7% #928BE3	RGB 146 139 227	#928BE3
33.3%	33.3% #7F77D9	RGB 127 119 217	#7F77D9
50.0%	50.0% #6C64CF	RGB 108 100 207	#6C64CF
66.7%	66.7% #5A52C5	RGB 90 82 197	#5A52C5
83.3%	83.3% #4942BB	RGB 73 66 187	#4942BB
100.0%	100.0% #3A33B2	RGB 58 51 178	#3A33B2

#A8A1ED #928BE3 #7F77D9 #6C64CF #5A52C5 #4942BB #3A33B2

#A8A1ED - #6C64CF - #3A33B2

CSS codes

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

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