#AEC3C7 - #313738 | 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 #AEC3C7 to #313738

#AEC3C7 #313738

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

#AEC3C7 - #313738 | 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 #AEC3C7 as 0% and #313738 as 100%.

0.0%	0.0% #AEC3C7	RGB 174 195 199	#AEC3C7
16.7%	16.7% #99ABAF	RGB 153 171 175	#99ABAF
33.3%	33.3% #849497	RGB 132 148 151	#849497
50.0%	50.0% #6F7D7F	RGB 111 125 127	#6F7D7F
66.7%	66.7% #5A6567	RGB 90 101 103	#5A6567
83.3%	83.3% #454E4F	RGB 69 78 79	#454E4F
100.0%	100.0% #313738	RGB 49 55 56	#313738

#AEC3C7 #99ABAF #849497 #6F7D7F #5A6567 #454E4F #313738

#AEC3C7 - #313738

HSV Blend

#AEC3C7 - #313738 | 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 #AEC3C7 as 0% and #313738 as 100%.

0.0%	0.0% #AEC3C7	RGB 174 195 199	#AEC3C7
16.7%	16.7% #99ABAF	RGB 153 171 175	#99ABAF
33.3%	33.3% #849497	RGB 132 148 151	#849497
50.0%	50.0% #6F7D7F	RGB 111 125 127	#6F7D7F
66.7%	66.7% #5A6567	RGB 90 101 103	#5A6567
83.3%	83.3% #454E4F	RGB 69 78 79	#454E4F
100.0%	100.0% #313738	RGB 49 55 56	#313738

#AEC3C7 #99ABAF #849497 #6F7D7F #5A6567 #454E4F #313738

#AEC3C7 - #6F7D7F - #313738

CSS codes

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

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