#C49AA3 - #8D4654 | 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 #C49AA3 to #8D4654

#C49AA3 #8D4654

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

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

0.0%	0.0% #C49AA3	RGB 196 154 163	#C49AA3
16.7%	16.7% #BA8C95	RGB 186 140 149	#BA8C95
33.3%	33.3% #B17E88	RGB 177 126 136	#B17E88
50.0%	50.0% #A8707B	RGB 168 112 123	#A8707B
66.7%	66.7% #9F626E	RGB 159 98 110	#9F626E
83.3%	83.3% #965461	RGB 150 84 97	#965461
100.0%	100.0% #8D4654	RGB 141 70 84	#8D4654

#C49AA3 #BA8C95 #B17E88 #A8707B #9F626E #965461 #8D4654

#C49AA3 - #8D4654

HSV Blend

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

0.0%	0.0% #C49AA3	RGB 196 154 163	#C49AA3
16.7%	16.7% #BA8994	RGB 186 137 148	#BA8994
33.3%	33.3% #B17A85	RGB 177 122 133	#B17A85
50.0%	50.0% #A86C78	RGB 168 108 120	#A86C78
66.7%	66.7% #9F5E6B	RGB 159 94 107	#9F5E6B
83.3%	83.3% #96515F	RGB 150 81 95	#96515F
100.0%	100.0% #8D4654	RGB 141 70 84	#8D4654

#C49AA3 #BA8994 #B17A85 #A86C78 #9F5E6B #96515F #8D4654

#C49AA3 - #A86C78 - #8D4654

CSS codes

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

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