#C385A2 - #8D2B52 | 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 #C385A2 to #8D2B52

#C385A2 #8D2B52

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

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

0.0%	0.0% #C385A2	RGB 195 133 162	#C385A2
16.7%	16.7% #BA7694	RGB 186 118 148	#BA7694
33.3%	33.3% #B16787	RGB 177 103 135	#B16787
50.0%	50.0% #A8587A	RGB 168 88 122	#A8587A
66.7%	66.7% #9F496C	RGB 159 73 108	#9F496C
83.3%	83.3% #963A5F	RGB 150 58 95	#963A5F
100.0%	100.0% #8D2B52	RGB 141 43 82	#8D2B52

#C385A2 #BA7694 #B16787 #A8587A #9F496C #963A5F #8D2B52

#C385A2 - #8D2B52

HSV Blend

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

0.0%	0.0% #C385A2	RGB 195 133 162	#C385A2
16.7%	16.7% #BA7393	RGB 186 115 147	#BA7393
33.3%	33.3% #B16285	RGB 177 98 133	#B16285
50.0%	50.0% #A85277	RGB 168 82 119	#A85277
66.7%	66.7% #9F446A	RGB 159 68 106	#9F446A
83.3%	83.3% #96375E	RGB 150 55 94	#96375E
100.0%	100.0% #8D2B52	RGB 141 43 82	#8D2B52

#C385A2 #BA7393 #B16285 #A85277 #9F446A #96375E #8D2B52

#C385A2 - #A85277 - #8D2B52

CSS codes

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

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