#C47DA2 - #8D2252 | 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 #C47DA2 to #8D2252

#C47DA2 #8D2252

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

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

0.0%	0.0% #C47DA2	RGB 196 125 162	#C47DA2
16.7%	16.7% #BA6D94	RGB 186 109 148	#BA6D94
33.3%	33.3% #B15E87	RGB 177 94 135	#B15E87
50.0%	50.0% #A84F7A	RGB 168 79 122	#A84F7A
66.7%	66.7% #9F406C	RGB 159 64 108	#9F406C
83.3%	83.3% #96315F	RGB 150 49 95	#96315F
100.0%	100.0% #8D2252	RGB 141 34 82	#8D2252

#C47DA2 #BA6D94 #B15E87 #A84F7A #9F406C #96315F #8D2252

#C47DA2 - #8D2252

HSV Blend

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

0.0%	0.0% #C47DA2	RGB 196 125 162	#C47DA2
16.7%	16.7% #BA6A93	RGB 186 106 147	#BA6A93
33.3%	33.3% #B15985	RGB 177 89 133	#B15985
50.0%	50.0% #A84A77	RGB 168 74 119	#A84A77
66.7%	66.7% #9F3B6A	RGB 159 59 106	#9F3B6A
83.3%	83.3% #962E5E	RGB 150 46 94	#962E5E
100.0%	100.0% #8D2252	RGB 141 34 82	#8D2252

#C47DA2 #BA6A93 #B15985 #A84A77 #9F3B6A #962E5E #8D2252

#C47DA2 - #A84A77 - #8D2252

CSS codes

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

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