#B1736C - #FCBF8D | 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 #B1736C to #FCBF8D

#B1736C #FCBF8D

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

#B1736C - #FCBF8D | 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 #B1736C as 0% and #FCBF8D as 100%.

0.0%	0.0% #B1736C	RGB 177 115 108	#B1736C
16.7%	16.7% #BD7F71	RGB 189 127 113	#BD7F71
33.3%	33.3% #CA8C77	RGB 202 140 119	#CA8C77
50.0%	50.0% #D6997C	RGB 214 153 124	#D6997C
66.7%	66.7% #E3A582	RGB 227 165 130	#E3A582
83.3%	83.3% #EFB287	RGB 239 178 135	#EFB287
100.0%	100.0% #FCBF8D	RGB 252 191 141	#FCBF8D

#B1736C #BD7F71 #CA8C77 #D6997C #E3A582 #EFB287 #FCBF8D

#B1736C - #FCBF8D

HSV Blend

#B1736C - #FCBF8D | 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 #B1736C as 0% and #FCBF8D as 100%.

0.0%	0.0% #B1736C	RGB 177 115 108	#B1736C
16.7%	16.7% #BD7E72	RGB 189 126 114	#BD7E72
33.3%	33.3% #CA8977	RGB 202 137 119	#CA8977
50.0%	50.0% #D6967D	RGB 214 150 125	#D6967D
66.7%	66.7% #E3A282	RGB 227 162 130	#E3A282
83.3%	83.3% #EFB088	RGB 239 176 136	#EFB088
100.0%	100.0% #FCBF8D	RGB 252 191 141	#FCBF8D

#B1736C #BD7E72 #CA8977 #D6967D #E3A282 #EFB088 #FCBF8D

#B1736C - #D6967D - #FCBF8D

CSS codes

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

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