#C58B9A - #8C364B | 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 #C58B9A to #8C364B

#C58B9A #8C364B

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

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

0.0%	0.0% #C58B9A	RGB 197 139 154	#C58B9A
16.7%	16.7% #BB7C8C	RGB 187 124 140	#BB7C8C
33.3%	33.3% #B26E7F	RGB 178 110 127	#B26E7F
50.0%	50.0% #A86072	RGB 168 96 114	#A86072
66.7%	66.7% #9F5265	RGB 159 82 101	#9F5265
83.3%	83.3% #954458	RGB 149 68 88	#954458
100.0%	100.0% #8C364B	RGB 140 54 75	#8C364B

#C58B9A #BB7C8C #B26E7F #A86072 #9F5265 #954458 #8C364B

#C58B9A - #8C364B

HSV Blend

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

0.0%	0.0% #C58B9A	RGB 197 139 154	#C58B9A
16.7%	16.7% #BB7A8B	RGB 187 122 139	#BB7A8B
33.3%	33.3% #B26A7C	RGB 178 106 124	#B26A7C
50.0%	50.0% #A85B6F	RGB 168 91 111	#A85B6F
66.7%	66.7% #9F4E62	RGB 159 78 98	#9F4E62
83.3%	83.3% #954156	RGB 149 65 86	#954156
100.0%	100.0% #8C364B	RGB 140 54 75	#8C364B

#C58B9A #BB7A8B #B26A7C #A85B6F #9F4E62 #954156 #8C364B

#C58B9A - #A85B6F - #8C364B

CSS codes

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

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