#C49BA1 - #8C4852 | 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 #C49BA1 to #8C4852

#C49BA1 #8C4852

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

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

0.0%	0.0% #C49BA1	RGB 196 155 161	#C49BA1
16.7%	16.7% #BA8D93	RGB 186 141 147	#BA8D93
33.3%	33.3% #B17F86	RGB 177 127 134	#B17F86
50.0%	50.0% #A87179	RGB 168 113 121	#A87179
66.7%	66.7% #9E636C	RGB 158 99 108	#9E636C
83.3%	83.3% #95555F	RGB 149 85 95	#95555F
100.0%	100.0% #8C4852	RGB 140 72 82	#8C4852

#C49BA1 #BA8D93 #B17F86 #A87179 #9E636C #95555F #8C4852

#C49BA1 - #8C4852

HSV Blend

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

0.0%	0.0% #C49BA1	RGB 196 155 161	#C49BA1
16.7%	16.7% #BA8B91	RGB 186 139 145	#BA8B91
33.3%	33.3% #B17B83	RGB 177 123 131	#B17B83
50.0%	50.0% #A86D76	RGB 168 109 118	#A86D76
66.7%	66.7% #9E6069	RGB 158 96 105	#9E6069
83.3%	83.3% #95535D	RGB 149 83 93	#95535D
100.0%	100.0% #8C4852	RGB 140 72 82	#8C4852

#C49BA1 #BA8B91 #B17B83 #A86D76 #9E6069 #95535D #8C4852

#C49BA1 - #A86D76 - #8C4852

CSS codes

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

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