#C49FA4 - #8C4D55 | 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 #C49FA4 to #8C4D55

#C49FA4 #8C4D55

Calculate the color between two colors, #C49FA4 and #8C4D55. 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)

#C49FA4 - #8C4D55 | 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 #C49FA4 as 0% and #8C4D55 as 100%.

0.0%	0.0% #C49FA4	RGB 196 159 164	#C49FA4
16.7%	16.7% #BA9196	RGB 186 145 150	#BA9196
33.3%	33.3% #B18389	RGB 177 131 137	#B18389
50.0%	50.0% #A8767C	RGB 168 118 124	#A8767C
66.7%	66.7% #9E686F	RGB 158 104 111	#9E686F
83.3%	83.3% #955A62	RGB 149 90 98	#955A62
100.0%	100.0% #8C4D55	RGB 140 77 85	#8C4D55

#C49FA4 #BA9196 #B18389 #A8767C #9E686F #955A62 #8C4D55

#C49FA4 - #8C4D55

HSV Blend

#C49FA4 - #8C4D55 | 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 #C49FA4 as 0% and #8C4D55 as 100%.

0.0%	0.0% #C49FA4	RGB 196 159 164	#C49FA4
16.7%	16.7% #BA8F95	RGB 186 143 149	#BA8F95
33.3%	33.3% #B18086	RGB 177 128 134	#B18086
50.0%	50.0% #A87279	RGB 168 114 121	#A87279
66.7%	66.7% #9E656C	RGB 158 101 108	#9E656C
83.3%	83.3% #955860	RGB 149 88 96	#955860
100.0%	100.0% #8C4D55	RGB 140 77 85	#8C4D55

#C49FA4 #BA8F95 #B18086 #A87279 #9E656C #955860 #8C4D55

#C49FA4 - #A87279 - #8C4D55

CSS codes

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

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