#C4649B - #8D003D | 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 #C4649B to #8D003D

#C4649B #8D003D

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

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

0.0%	0.0% #C4649B	RGB 196 100 155	#C4649B
16.7%	16.7% #BA538B	RGB 186 83 139	#BA538B
33.3%	33.3% #B1427B	RGB 177 66 123	#B1427B
50.0%	50.0% #A8326C	RGB 168 50 108	#A8326C
66.7%	66.7% #9F215C	RGB 159 33 92	#9F215C
83.3%	83.3% #96104C	RGB 150 16 76	#96104C
100.0%	100.0% #8D003D	RGB 141 0 61	#8D003D

#C4649B #BA538B #B1427B #A8326C #9F215C #96104C #8D003D

#C4649B - #8D003D

HSV Blend

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

0.0%	0.0% #C4649B	RGB 196 100 155	#C4649B
16.7%	16.7% #BA4F8A	RGB 186 79 138	#BA4F8A
33.3%	33.3% #B13C7A	RGB 177 60 122	#B13C7A
50.0%	50.0% #A82A6A	RGB 168 42 106	#A82A6A
66.7%	66.7% #9F1B5A	RGB 159 27 90	#9F1B5A
83.3%	83.3% #960C4B	RGB 150 12 75	#960C4B
100.0%	100.0% #8D003D	RGB 141 0 61	#8D003D

#C4649B #BA4F8A #B13C7A #A82A6A #9F1B5A #960C4B #8D003D

#C4649B - #A82A6A - #8D003D

CSS codes

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

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