#A47C8C - #702D3D | 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 #A47C8C to #702D3D

#A47C8C #702D3D

Calculate the color between two colors, #A47C8C and #702D3D. 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)

#A47C8C - #702D3D | 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 #A47C8C as 0% and #702D3D as 100%.

0.0%	0.0% #A47C8C	RGB 164 124 140	#A47C8C
16.7%	16.7% #9B6E7E	RGB 155 110 126	#9B6E7E
33.3%	33.3% #926171	RGB 146 97 113	#926171
50.0%	50.0% #8A5464	RGB 138 84 100	#8A5464
66.7%	66.7% #814757	RGB 129 71 87	#814757
83.3%	83.3% #783A4A	RGB 120 58 74	#783A4A
100.0%	100.0% #702D3D	RGB 112 45 61	#702D3D

#A47C8C #9B6E7E #926171 #8A5464 #814757 #783A4A #702D3D

#A47C8C - #702D3D

HSV Blend

#A47C8C - #702D3D | 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 #A47C8C as 0% and #702D3D as 100%.

0.0%	0.0% #A47C8C	RGB 164 124 140	#A47C8C
16.7%	16.7% #9B6C7D	RGB 155 108 125	#9B6C7D
33.3%	33.3% #925D6F	RGB 146 93 111	#925D6F
50.0%	50.0% #8A4F62	RGB 138 79 98	#8A4F62
66.7%	66.7% #814355	RGB 129 67 85	#814355
83.3%	83.3% #783748	RGB 120 55 72	#783748
100.0%	100.0% #702D3D	RGB 112 45 61	#702D3D

#A47C8C #9B6C7D #925D6F #8A4F62 #814355 #783748 #702D3D

#A47C8C - #8A4F62 - #702D3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A47C8C 0%, #8A4F62 50%, #702D3D 100%);
    background: -webkit-linear-gradient(top, #A47C8C 0%, #8A4F62 50%, #702D3D 100%);
    background: linear-gradient(to bottom, #A47C8C 0%, #8A4F62 50%, #702D3D 100%);
}
</style>