#AA9D98 - #926542 | 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 #AA9D98 to #926542

#AA9D98 #926542

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

#AA9D98 - #926542 | 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 #AA9D98 as 0% and #926542 as 100%.

0.0%	0.0% #AA9D98	RGB 170 157 152	#AA9D98
16.7%	16.7% #A69389	RGB 166 147 137	#A69389
33.3%	33.3% #A28A7B	RGB 162 138 123	#A28A7B
50.0%	50.0% #9E816D	RGB 158 129 109	#9E816D
66.7%	66.7% #9A775E	RGB 154 119 94	#9A775E
83.3%	83.3% #966E50	RGB 150 110 80	#966E50
100.0%	100.0% #926542	RGB 146 101 66	#926542

#AA9D98 #A69389 #A28A7B #9E816D #9A775E #966E50 #926542

#AA9D98 - #926542

HSV Blend

#AA9D98 - #926542 | 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 #AA9D98 as 0% and #926542 as 100%.

0.0%	0.0% #AA9D98	RGB 170 157 152	#AA9D98
16.7%	16.7% #A69188	RGB 166 145 136	#A69188
33.3%	33.3% #A28678	RGB 162 134 120	#A28678
50.0%	50.0% #9E7C6A	RGB 158 124 106	#9E7C6A
66.7%	66.7% #9A745C	RGB 154 116 92	#9A745C
83.3%	83.3% #966C4E	RGB 150 108 78	#966C4E
100.0%	100.0% #926542	RGB 146 101 66	#926542

#AA9D98 #A69188 #A28678 #9E7C6A #9A745C #966C4E #926542

#AA9D98 - #9E7C6A - #926542

CSS codes

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

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