#AEC3E3 - #313740 | 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 #AEC3E3 to #313740

#AEC3E3 #313740

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

#AEC3E3 - #313740 | 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 #AEC3E3 as 0% and #313740 as 100%.

0.0%	0.0% #AEC3E3	RGB 174 195 227	#AEC3E3
16.7%	16.7% #99ABC7	RGB 153 171 199	#99ABC7
33.3%	33.3% #8494AC	RGB 132 148 172	#8494AC
50.0%	50.0% #6F7D91	RGB 111 125 145	#6F7D91
66.7%	66.7% #5A6576	RGB 90 101 118	#5A6576
83.3%	83.3% #454E5B	RGB 69 78 91	#454E5B
100.0%	100.0% #313740	RGB 49 55 64	#313740

#AEC3E3 #99ABC7 #8494AC #6F7D91 #5A6576 #454E5B #313740

#AEC3E3 - #313740

HSV Blend

#AEC3E3 - #313740 | 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 #AEC3E3 as 0% and #313740 as 100%.

0.0%	0.0% #AEC3E3	RGB 174 195 227	#AEC3E3
16.7%	16.7% #99ABC7	RGB 153 171 199	#99ABC7
33.3%	33.3% #8494AC	RGB 132 148 172	#8494AC
50.0%	50.0% #6F7D91	RGB 111 125 145	#6F7D91
66.7%	66.7% #5A6576	RGB 90 101 118	#5A6576
83.3%	83.3% #454E5B	RGB 69 78 91	#454E5B
100.0%	100.0% #313740	RGB 49 55 64	#313740

#AEC3E3 #99ABC7 #8494AC #6F7D91 #5A6576 #454E5B #313740

#AEC3E3 - #6F7D91 - #313740

CSS codes

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

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