#AD9D9D - #955247 | 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 #AD9D9D to #955247

#AD9D9D #955247

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

#AD9D9D - #955247 | 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 #AD9D9D as 0% and #955247 as 100%.

0.0%	0.0% #AD9D9D	RGB 173 157 157	#AD9D9D
16.7%	16.7% #A9908E	RGB 169 144 142	#A9908E
33.3%	33.3% #A58480	RGB 165 132 128	#A58480
50.0%	50.0% #A17772	RGB 161 119 114	#A17772
66.7%	66.7% #9D6B63	RGB 157 107 99	#9D6B63
83.3%	83.3% #995E55	RGB 153 94 85	#995E55
100.0%	100.0% #955247	RGB 149 82 71	#955247

#AD9D9D #A9908E #A58480 #A17772 #9D6B63 #995E55 #955247

#AD9D9D - #955247

HSV Blend

#AD9D9D - #955247 | 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 #AD9D9D as 0% and #955247 as 100%.

0.0%	0.0% #AD9D9D	RGB 173 157 157	#AD9D9D
16.7%	16.7% #A98D8D	RGB 169 141 141	#A98D8D
33.3%	33.3% #A57F7E	RGB 165 127 126	#A57F7E
50.0%	50.0% #A1726F	RGB 161 114 111	#A1726F
66.7%	66.7% #9D6661	RGB 157 102 97	#9D6661
83.3%	83.3% #995C53	RGB 153 92 83	#995C53
100.0%	100.0% #955247	RGB 149 82 71	#955247

#AD9D9D #A98D8D #A57F7E #A1726F #9D6661 #995C53 #955247

#AD9D9D - #A1726F - #955247

CSS codes

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

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