#C49BA2 - #8C4853 | 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 #C49BA2 to #8C4853

#C49BA2 #8C4853

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

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

0.0%	0.0% #C49BA2	RGB 196 155 162	#C49BA2
16.7%	16.7% #BA8D94	RGB 186 141 148	#BA8D94
33.3%	33.3% #B17F87	RGB 177 127 135	#B17F87
50.0%	50.0% #A8717A	RGB 168 113 122	#A8717A
66.7%	66.7% #9E636D	RGB 158 99 109	#9E636D
83.3%	83.3% #955560	RGB 149 85 96	#955560
100.0%	100.0% #8C4853	RGB 140 72 83	#8C4853

#C49BA2 #BA8D94 #B17F87 #A8717A #9E636D #955560 #8C4853

#C49BA2 - #8C4853

HSV Blend

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

0.0%	0.0% #C49BA2	RGB 196 155 162	#C49BA2
16.7%	16.7% #BA8B93	RGB 186 139 147	#BA8B93
33.3%	33.3% #B17B84	RGB 177 123 132	#B17B84
50.0%	50.0% #A86D77	RGB 168 109 119	#A86D77
66.7%	66.7% #9E606A	RGB 158 96 106	#9E606A
83.3%	83.3% #95535E	RGB 149 83 94	#95535E
100.0%	100.0% #8C4853	RGB 140 72 83	#8C4853

#C49BA2 #BA8B93 #B17B84 #A86D77 #9E606A #95535E #8C4853

#C49BA2 - #A86D77 - #8C4853

CSS codes

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

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