#AAACB5 - #4F616F | 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 #AAACB5 to #4F616F

#AAACB5 #4F616F

Calculate the color between two colors, #AAACB5 and #4F616F. 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)

#AAACB5 - #4F616F | 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 #AAACB5 as 0% and #4F616F as 100%.

0.0%	0.0% #AAACB5	RGB 170 172 181	#AAACB5
16.7%	16.7% #9A9FA9	RGB 154 159 169	#9A9FA9
33.3%	33.3% #8B939D	RGB 139 147 157	#8B939D
50.0%	50.0% #7C8692	RGB 124 134 146	#7C8692
66.7%	66.7% #6D7A86	RGB 109 122 134	#6D7A86
83.3%	83.3% #5E6D7A	RGB 94 109 122	#5E6D7A
100.0%	100.0% #4F616F	RGB 79 97 111	#4F616F

#AAACB5 #9A9FA9 #8B939D #7C8692 #6D7A86 #5E6D7A #4F616F

#AAACB5 - #4F616F

HSV Blend

#AAACB5 - #4F616F | 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 #AAACB5 as 0% and #4F616F as 100%.

0.0%	0.0% #AAACB5	RGB 170 172 181	#AAACB5
16.7%	16.7% #989CA9	RGB 152 156 169	#989CA9
33.3%	33.3% #888E9D	RGB 136 142 157	#888E9D
50.0%	50.0% #788292	RGB 120 130 146	#788292
66.7%	66.7% #697686	RGB 105 118 134	#697686
83.3%	83.3% #5B6B7A	RGB 91 107 122	#5B6B7A
100.0%	100.0% #4F616F	RGB 79 97 111	#4F616F

#AAACB5 #989CA9 #888E9D #788292 #697686 #5B6B7A #4F616F

#AAACB5 - #788292 - #4F616F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAACB5 0%, #788292 50%, #4F616F 100%);
    background: -webkit-linear-gradient(top, #AAACB5 0%, #788292 50%, #4F616F 100%);
    background: linear-gradient(to bottom, #AAACB5 0%, #788292 50%, #4F616F 100%);
}
</style>