#AEB5E4 - #313341 | 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 #AEB5E4 to #313341

#AEB5E4 #313341

Calculate the color between two colors, #AEB5E4 and #313341. 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)

#AEB5E4 - #313341 | 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 #AEB5E4 as 0% and #313341 as 100%.

0.0%	0.0% #AEB5E4	RGB 174 181 228	#AEB5E4
16.7%	16.7% #999FC8	RGB 153 159 200	#999FC8
33.3%	33.3% #8489AD	RGB 132 137 173	#8489AD
50.0%	50.0% #6F7492	RGB 111 116 146	#6F7492
66.7%	66.7% #5A5E77	RGB 90 94 119	#5A5E77
83.3%	83.3% #45485C	RGB 69 72 92	#45485C
100.0%	100.0% #313341	RGB 49 51 65	#313341

#AEB5E4 #999FC8 #8489AD #6F7492 #5A5E77 #45485C #313341

#AEB5E4 - #313341

HSV Blend

#AEB5E4 - #313341 | 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 #AEB5E4 as 0% and #313341 as 100%.

0.0%	0.0% #AEB5E4	RGB 174 181 228	#AEB5E4
16.7%	16.7% #989FC8	RGB 152 159 200	#989FC8
33.3%	33.3% #8389AD	RGB 131 137 173	#8389AD
50.0%	50.0% #6F7392	RGB 111 115 146	#6F7392
66.7%	66.7% #5A5D77	RGB 90 93 119	#5A5D77
83.3%	83.3% #45485C	RGB 69 72 92	#45485C
100.0%	100.0% #313341	RGB 49 51 65	#313341

#AEB5E4 #989FC8 #8389AD #6F7392 #5A5D77 #45485C #313341

#AEB5E4 - #6F7392 - #313341

CSS codes

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

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