#B96B6B - #FCBA8C | 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 #B96B6B to #FCBA8C

#B96B6B #FCBA8C

Calculate the color between two colors, #B96B6B and #FCBA8C. 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)

#B96B6B - #FCBA8C | 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 #B96B6B as 0% and #FCBA8C as 100%.

0.0%	0.0% #B96B6B	RGB 185 107 107	#B96B6B
16.7%	16.7% #C47870	RGB 196 120 112	#C47870
33.3%	33.3% #CF8576	RGB 207 133 118	#CF8576
50.0%	50.0% #DA927B	RGB 218 146 123	#DA927B
66.7%	66.7% #E59F81	RGB 229 159 129	#E59F81
83.3%	83.3% #F0AC86	RGB 240 172 134	#F0AC86
100.0%	100.0% #FCBA8C	RGB 252 186 140	#FCBA8C

#B96B6B #C47870 #CF8576 #DA927B #E59F81 #F0AC86 #FCBA8C

#B96B6B - #FCBA8C

HSV Blend

#B96B6B - #FCBA8C | 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 #B96B6B as 0% and #FCBA8C as 100%.

0.0%	0.0% #B96B6B	RGB 185 107 107	#B96B6B
16.7%	16.7% #C47670	RGB 196 118 112	#C47670
33.3%	33.3% #CF8276	RGB 207 130 118	#CF8276
50.0%	50.0% #DA8F7B	RGB 218 143 123	#DA8F7B
66.7%	66.7% #E59C81	RGB 229 156 129	#E59C81
83.3%	83.3% #F0AB86	RGB 240 171 134	#F0AB86
100.0%	100.0% #FCBA8C	RGB 252 186 140	#FCBA8C

#B96B6B #C47670 #CF8276 #DA8F7B #E59C81 #F0AB86 #FCBA8C

#B96B6B - #DA8F7B - #FCBA8C

CSS codes

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

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