#C48D9B - #8C384C | 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 #C48D9B to #8C384C

#C48D9B #8C384C

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

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

0.0%	0.0% #C48D9B	RGB 196 141 155	#C48D9B
16.7%	16.7% #BA7E8D	RGB 186 126 141	#BA7E8D
33.3%	33.3% #B17080	RGB 177 112 128	#B17080
50.0%	50.0% #A86273	RGB 168 98 115	#A86273
66.7%	66.7% #9E5466	RGB 158 84 102	#9E5466
83.3%	83.3% #954659	RGB 149 70 89	#954659
100.0%	100.0% #8C384C	RGB 140 56 76	#8C384C

#C48D9B #BA7E8D #B17080 #A86273 #9E5466 #954659 #8C384C

#C48D9B - #8C384C

HSV Blend

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

0.0%	0.0% #C48D9A	RGB 196 141 154	#C48D9A
16.7%	16.7% #BA7C8C	RGB 186 124 140	#BA7C8C
33.3%	33.3% #B16C7D	RGB 177 108 125	#B16C7D
50.0%	50.0% #A85E70	RGB 168 94 112	#A85E70
66.7%	66.7% #9E5063	RGB 158 80 99	#9E5063
83.3%	83.3% #954357	RGB 149 67 87	#954357
100.0%	100.0% #8C384C	RGB 140 56 76	#8C384C

#C48D9A #BA7C8C #B16C7D #A85E70 #9E5063 #954357 #8C384C

#C48D9B - #A85E70 - #8C384C

CSS codes

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

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