#ADADE1 - #313140 | 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 #ADADE1 to #313140

#ADADE1 #313140

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

#ADADE1 - #313140 | 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 #ADADE1 as 0% and #313140 as 100%.

0.0%	0.0% #ADADE1	RGB 173 173 225	#ADADE1
16.7%	16.7% #9898C6	RGB 152 152 198	#9898C6
33.3%	33.3% #8383AB	RGB 131 131 171	#8383AB
50.0%	50.0% #6F6F90	RGB 111 111 144	#6F6F90
66.7%	66.7% #5A5A75	RGB 90 90 117	#5A5A75
83.3%	83.3% #45455A	RGB 69 69 90	#45455A
100.0%	100.0% #313140	RGB 49 49 64	#313140

#ADADE1 #9898C6 #8383AB #6F6F90 #5A5A75 #45455A #313140

#ADADE1 - #313140

HSV Blend

#ADADE1 - #313140 | 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 #ADADE1 as 0% and #313140 as 100%.

0.0%	0.0% #ADADE1	RGB 173 173 225	#ADADE1
16.7%	16.7% #9898C6	RGB 152 152 198	#9898C6
33.3%	33.3% #8383AB	RGB 131 131 171	#8383AB
50.0%	50.0% #6E6E90	RGB 110 110 144	#6E6E90
66.7%	66.7% #5A5A75	RGB 90 90 117	#5A5A75
83.3%	83.3% #45455A	RGB 69 69 90	#45455A
100.0%	100.0% #313140	RGB 49 49 64	#313140

#ADADE1 #9898C6 #8383AB #6E6E90 #5A5A75 #45455A #313140

#ADADE1 - #6E6E90 - #313140

CSS codes

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

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