#C77D9A - #8D254B | 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 #C77D9A to #8D254B

#C77D9A #8D254B

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

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

0.0%	0.0% #C77D9A	RGB 199 125 154	#C77D9A
16.7%	16.7% #BD6E8C	RGB 189 110 140	#BD6E8C
33.3%	33.3% #B35F7F	RGB 179 95 127	#B35F7F
50.0%	50.0% #AA5172	RGB 170 81 114	#AA5172
66.7%	66.7% #A04265	RGB 160 66 101	#A04265
83.3%	83.3% #963358	RGB 150 51 88	#963358
100.0%	100.0% #8D254B	RGB 141 37 75	#8D254B

#C77D9A #BD6E8C #B35F7F #AA5172 #A04265 #963358 #8D254B

#C77D9A - #8D254B

HSV Blend

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

0.0%	0.0% #C77D9A	RGB 199 125 154	#C77D9A
16.7%	16.7% #BD6B8B	RGB 189 107 139	#BD6B8B
33.3%	33.3% #B35A7C	RGB 179 90 124	#B35A7C
50.0%	50.0% #AA4B6F	RGB 170 75 111	#AA4B6F
66.7%	66.7% #A03D62	RGB 160 61 98	#A03D62
83.3%	83.3% #963056	RGB 150 48 86	#963056
100.0%	100.0% #8D254B	RGB 141 37 75	#8D254B

#C77D9A #BD6B8B #B35A7C #AA4B6F #A03D62 #963056 #8D254B

#C77D9A - #AA4B6F - #8D254B

CSS codes

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

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