#B7716B - #FCBF8C | 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 #B7716B to #FCBF8C

#B7716B #FCBF8C

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

#B7716B - #FCBF8C | 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 #B7716B as 0% and #FCBF8C as 100%.

0.0%	0.0% #B7716B	RGB 183 113 107	#B7716B
16.7%	16.7% #C27E70	RGB 194 126 112	#C27E70
33.3%	33.3% #CE8B76	RGB 206 139 118	#CE8B76
50.0%	50.0% #D9987B	RGB 217 152 123	#D9987B
66.7%	66.7% #E5A581	RGB 229 165 129	#E5A581
83.3%	83.3% #F0B286	RGB 240 178 134	#F0B286
100.0%	100.0% #FCBF8C	RGB 252 191 140	#FCBF8C

#B7716B #C27E70 #CE8B76 #D9987B #E5A581 #F0B286 #FCBF8C

#B7716B - #FCBF8C

HSV Blend

#B7716B - #FCBF8C | 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 #B7716B as 0% and #FCBF8C as 100%.

0.0%	0.0% #B7716B	RGB 183 113 107	#B7716B
16.7%	16.7% #C27C70	RGB 194 124 112	#C27C70
33.3%	33.3% #CE8876	RGB 206 136 118	#CE8876
50.0%	50.0% #D9947C	RGB 217 148 124	#D9947C
66.7%	66.7% #E5A281	RGB 229 162 129	#E5A281
83.3%	83.3% #F0B086	RGB 240 176 134	#F0B086
100.0%	100.0% #FCBF8C	RGB 252 191 140	#FCBF8C

#B7716B #C27C70 #CE8876 #D9947C #E5A281 #F0B086 #FCBF8C

#B7716B - #D9947C - #FCBF8C

CSS codes

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

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