#C396A2 - #8C4153 | 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 #C396A2 to #8C4153

#C396A2 #8C4153

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

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

0.0%	0.0% #C396A2	RGB 195 150 162	#C396A2
16.7%	16.7% #B98794	RGB 185 135 148	#B98794
33.3%	33.3% #B07987	RGB 176 121 135	#B07987
50.0%	50.0% #A76B7A	RGB 167 107 122	#A76B7A
66.7%	66.7% #9E5D6D	RGB 158 93 109	#9E5D6D
83.3%	83.3% #954F60	RGB 149 79 96	#954F60
100.0%	100.0% #8C4153	RGB 140 65 83	#8C4153

#C396A2 #B98794 #B07987 #A76B7A #9E5D6D #954F60 #8C4153

#C396A2 - #8C4153

HSV Blend

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

0.0%	0.0% #C396A2	RGB 195 150 162	#C396A2
16.7%	16.7% #B98593	RGB 185 133 147	#B98593
33.3%	33.3% #B07585	RGB 176 117 133	#B07585
50.0%	50.0% #A76777	RGB 167 103 119	#A76777
66.7%	66.7% #9E596A	RGB 158 89 106	#9E596A
83.3%	83.3% #954C5E	RGB 149 76 94	#954C5E
100.0%	100.0% #8C4153	RGB 140 65 83	#8C4153

#C396A2 #B98593 #B07585 #A76777 #9E596A #954C5E #8C4153

#C396A2 - #A76777 - #8C4153

CSS codes

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

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