#C48F9F - #8D3950 | 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 #C48F9F to #8D3950

#C48F9F #8D3950

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

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

0.0%	0.0% #C48F9F	RGB 196 143 159	#C48F9F
16.7%	16.7% #BA8091	RGB 186 128 145	#BA8091
33.3%	33.3% #B17284	RGB 177 114 132	#B17284
50.0%	50.0% #A86477	RGB 168 100 119	#A86477
66.7%	66.7% #9F556A	RGB 159 85 106	#9F556A
83.3%	83.3% #96475D	RGB 150 71 93	#96475D
100.0%	100.0% #8D3950	RGB 141 57 80	#8D3950

#C48F9F #BA8091 #B17284 #A86477 #9F556A #96475D #8D3950

#C48F9F - #8D3950

HSV Blend

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

0.0%	0.0% #C48F9E	RGB 196 143 158	#C48F9E
16.7%	16.7% #BA7E90	RGB 186 126 144	#BA7E90
33.3%	33.3% #B16E82	RGB 177 110 130	#B16E82
50.0%	50.0% #A85F74	RGB 168 95 116	#A85F74
66.7%	66.7% #9F5167	RGB 159 81 103	#9F5167
83.3%	83.3% #96445B	RGB 150 68 91	#96445B
100.0%	100.0% #8D3950	RGB 141 57 80	#8D3950

#C48F9E #BA7E90 #B16E82 #A85F74 #9F5167 #96445B #8D3950

#C48F9F - #A85F74 - #8D3950

CSS codes

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

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