#A99F9F - #925449 | 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 #A99F9F to #925449

#A99F9F #925449

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

#A99F9F - #925449 | 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 #A99F9F as 0% and #925449 as 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #A59290	RGB 165 146 144	#A59290
33.3%	33.3% #A18682	RGB 161 134 130	#A18682
50.0%	50.0% #9D7974	RGB 157 121 116	#9D7974
66.7%	66.7% #996D65	RGB 153 109 101	#996D65
83.3%	83.3% #956057	RGB 149 96 87	#956057
100.0%	100.0% #925449	RGB 146 84 73	#925449

#A99F9F #A59290 #A18682 #9D7974 #996D65 #956057 #925449

#A99F9F - #925449

HSV Blend

#A99F9F - #925449 | 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 #A99F9F as 0% and #925449 as 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #A58F8F	RGB 165 143 143	#A58F8F
33.3%	33.3% #A18180	RGB 161 129 128	#A18180
50.0%	50.0% #9D7471	RGB 157 116 113	#9D7471
66.7%	66.7% #996863	RGB 153 104 99	#996863
83.3%	83.3% #955D55	RGB 149 93 85	#955D55
100.0%	100.0% #925449	RGB 146 84 73	#925449

#A99F9F #A58F8F #A18180 #9D7471 #996863 #955D55 #925449

#A99F9F - #9D7471 - #925449

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A99F9F 0%, #9D7471 50%, #925449 100%);
    background: -webkit-linear-gradient(top, #A99F9F 0%, #9D7471 50%, #925449 100%);
    background: linear-gradient(to bottom, #A99F9F 0%, #9D7471 50%, #925449 100%);
}
</style>