#BC8F9F - #9D3B5E | 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 #BC8F9F to #9D3B5E

#BC8F9F #9D3B5E

Calculate the color between two colors, #BC8F9F and #9D3B5E. 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)

#BC8F9F - #9D3B5E | 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 #BC8F9F as 0% and #9D3B5E as 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #B68194	RGB 182 129 148	#B68194
33.3%	33.3% #B17389	RGB 177 115 137	#B17389
50.0%	50.0% #AC657E	RGB 172 101 126	#AC657E
66.7%	66.7% #A75773	RGB 167 87 115	#A75773
83.3%	83.3% #A24968	RGB 162 73 104	#A24968
100.0%	100.0% #9D3B5E	RGB 157 59 94	#9D3B5E

#BC8F9F #B68194 #B17389 #AC657E #A75773 #A24968 #9D3B5E

#BC8F9F - #9D3B5E

HSV Blend

#BC8F9F - #9D3B5E | 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 #BC8F9F as 0% and #9D3B5E as 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #B67F93	RGB 182 127 147	#B67F93
33.3%	33.3% #B17087	RGB 177 112 135	#B17087
50.0%	50.0% #AC627C	RGB 172 98 124	#AC627C
66.7%	66.7% #A75471	RGB 167 84 113	#A75471
83.3%	83.3% #A24767	RGB 162 71 103	#A24767
100.0%	100.0% #9D3B5E	RGB 157 59 94	#9D3B5E

#BC8F9F #B67F93 #B17087 #AC627C #A75471 #A24767 #9D3B5E

#BC8F9F - #AC627C - #9D3B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC8F9F 0%, #AC627C 50%, #9D3B5E 100%);
    background: -webkit-linear-gradient(top, #BC8F9F 0%, #AC627C 50%, #9D3B5E 100%);
    background: linear-gradient(to bottom, #BC8F9F 0%, #AC627C 50%, #9D3B5E 100%);
}
</style>