#9F705D - #C8A2D3 | 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 #9F705D to #C8A2D3

#9F705D #C8A2D3

Calculate the color between two colors, #9F705D and #C8A2D3. 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)

#9F705D - #C8A2D3 | 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 #9F705D as 0% and #C8A2D3 as 100%.

0.0%	0.0% #9F705D	RGB 159 112 93	#9F705D
16.7%	16.7% #A57870	RGB 165 120 112	#A57870
33.3%	33.3% #AC8084	RGB 172 128 132	#AC8084
50.0%	50.0% #B38998	RGB 179 137 152	#B38998
66.7%	66.7% #BA91AB	RGB 186 145 171	#BA91AB
83.3%	83.3% #C199BF	RGB 193 153 191	#C199BF
100.0%	100.0% #C8A2D3	RGB 200 162 211	#C8A2D3

#9F705D #A57870 #AC8084 #B38998 #BA91AB #C199BF #C8A2D3

#9F705D - #C8A2D3

HSV Blend

#9F705D - #C8A2D3 | 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 #9F705D as 0% and #C8A2D3 as 100%.

0.0%	0.0% #9F705D	RGB 159 112 93	#9F705D
16.7%	16.7% #A76967	RGB 167 105 103	#A76967
33.3%	33.3% #B0717F	RGB 176 113 127	#B0717F
50.0%	50.0% #B97D99	RGB 185 125 153	#B97D99
66.7%	66.7% #C188B1	RGB 193 136 177	#C188B1
83.3%	83.3% #CA95C8	RGB 202 149 200	#CA95C8
100.0%	100.0% #C8A2D3	RGB 200 162 211	#C8A2D3

#9F705D #A76967 #B0717F #B97D99 #C188B1 #CA95C8 #C8A2D3

#9F705D - #B97D99 - #C8A2D3

CSS codes

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

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