#BCACB6 - #8F5369 | 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 #BCACB6 to #8F5369

#BCACB6 #8F5369

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

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

0.0%	0.0% #BCACB6	RGB 188 172 182	#BCACB6
16.7%	16.7% #B49DA9	RGB 180 157 169	#B49DA9
33.3%	33.3% #AD8E9C	RGB 173 142 156	#AD8E9C
50.0%	50.0% #A57F8F	RGB 165 127 143	#A57F8F
66.7%	66.7% #9E7082	RGB 158 112 130	#9E7082
83.3%	83.3% #966175	RGB 150 97 117	#966175
100.0%	100.0% #8F5369	RGB 143 83 105	#8F5369

#BCACB6 #B49DA9 #AD8E9C #A57F8F #9E7082 #966175 #8F5369

#BCACB6 - #8F5369

HSV Blend

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

0.0%	0.0% #BCACB6	RGB 188 172 182	#BCACB6
16.7%	16.7% #B49BA9	RGB 180 155 169	#B49BA9
33.3%	33.3% #AD8A9D	RGB 173 138 157	#AD8A9D
50.0%	50.0% #A57B90	RGB 165 123 144	#A57B90
66.7%	66.7% #9E6D83	RGB 158 109 131	#9E6D83
83.3%	83.3% #965F76	RGB 150 95 118	#965F76
100.0%	100.0% #8F5369	RGB 143 83 105	#8F5369

#BCACB6 #B49BA9 #AD8A9D #A57B90 #9E6D83 #965F76 #8F5369

#BCACB6 - #A57B90 - #8F5369

CSS codes

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

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