#C36D9A - #7E2B4B | 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 #C36D9A to #7E2B4B

#C36D9A #7E2B4B

Calculate the color between two colors, #C36D9A and #7E2B4B. 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)

#C36D9A - #7E2B4B | 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 #C36D9A as 0% and #7E2B4B as 100%.

0.0%	0.0% #C36D9A	RGB 195 109 154	#C36D9A
16.7%	16.7% #B7628C	RGB 183 98 140	#B7628C
33.3%	33.3% #AC577F	RGB 172 87 127	#AC577F
50.0%	50.0% #A04C72	RGB 160 76 114	#A04C72
66.7%	66.7% #954165	RGB 149 65 101	#954165
83.3%	83.3% #893658	RGB 137 54 88	#893658
100.0%	100.0% #7E2B4B	RGB 126 43 75	#7E2B4B

#C36D9A #B7628C #AC577F #A04C72 #954165 #893658 #7E2B4B

#C36D9A - #7E2B4B

HSV Blend

#C36D9A - #7E2B4B | 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 #C36D9A as 0% and #7E2B4B as 100%.

0.0%	0.0% #C36D9A	RGB 195 109 154	#C36D9A
16.7%	16.7% #B75F8B	RGB 183 95 139	#B75F8B
33.3%	33.3% #AC537D	RGB 172 83 125	#AC537D
50.0%	50.0% #A04870	RGB 160 72 112	#A04870
66.7%	66.7% #953D63	RGB 149 61 99	#953D63
83.3%	83.3% #893356	RGB 137 51 86	#893356
100.0%	100.0% #7E2B4B	RGB 126 43 75	#7E2B4B

#C36D9A #B75F8B #AC537D #A04870 #953D63 #893356 #7E2B4B

#C36D9A - #A04870 - #7E2B4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C36D9A 0%, #A04870 50%, #7E2B4B 100%);
    background: -webkit-linear-gradient(top, #C36D9A 0%, #A04870 50%, #7E2B4B 100%);
    background: linear-gradient(to bottom, #C36D9A 0%, #A04870 50%, #7E2B4B 100%);
}
</style>