#C49FB1 - #8D4B6B | 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 #C49FB1 to #8D4B6B

#C49FB1 #8D4B6B

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

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

0.0%	0.0% #C49FB1	RGB 196 159 177	#C49FB1
16.7%	16.7% #BA91A5	RGB 186 145 165	#BA91A5
33.3%	33.3% #B18399	RGB 177 131 153	#B18399
50.0%	50.0% #A8758E	RGB 168 117 142	#A8758E
66.7%	66.7% #9F6782	RGB 159 103 130	#9F6782
83.3%	83.3% #965976	RGB 150 89 118	#965976
100.0%	100.0% #8D4B6B	RGB 141 75 107	#8D4B6B

#C49FB1 #BA91A5 #B18399 #A8758E #9F6782 #965976 #8D4B6B

#C49FB1 - #8D4B6B

HSV Blend

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

0.0%	0.0% #C49FB1	RGB 196 159 177	#C49FB1
16.7%	16.7% #BA8EA4	RGB 186 142 164	#BA8EA4
33.3%	33.3% #B17F97	RGB 177 127 151	#B17F97
50.0%	50.0% #A8718C	RGB 168 113 140	#A8718C
66.7%	66.7% #9F6380	RGB 159 99 128	#9F6380
83.3%	83.3% #965675	RGB 150 86 117	#965675
100.0%	100.0% #8D4B6B	RGB 141 75 107	#8D4B6B

#C49FB1 #BA8EA4 #B17F97 #A8718C #9F6380 #965675 #8D4B6B

#C49FB1 - #A8718C - #8D4B6B

CSS codes

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

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