#B26F5E - #FCBA7C | 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 #B26F5E to #FCBA7C

#B26F5E #FCBA7C

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

#B26F5E - #FCBA7C | 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 #B26F5E as 0% and #FCBA7C as 100%.

0.0%	0.0% #B26F5E	RGB 178 111 94	#B26F5E
16.7%	16.7% #BE7B63	RGB 190 123 99	#BE7B63
33.3%	33.3% #CA8868	RGB 202 136 104	#CA8868
50.0%	50.0% #D7946D	RGB 215 148 109	#D7946D
66.7%	66.7% #E3A172	RGB 227 161 114	#E3A172
83.3%	83.3% #EFAD77	RGB 239 173 119	#EFAD77
100.0%	100.0% #FCBA7C	RGB 252 186 124	#FCBA7C

#B26F5E #BE7B63 #CA8868 #D7946D #E3A172 #EFAD77 #FCBA7C

#B26F5E - #FCBA7C

HSV Blend

#B26F5E - #FCBA7C | 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 #B26F5E as 0% and #FCBA7C as 100%.

0.0%	0.0% #B26F5E	RGB 178 111 94	#B26F5E
16.7%	16.7% #BE7A63	RGB 190 122 99	#BE7A63
33.3%	33.3% #CA8568	RGB 202 133 104	#CA8568
50.0%	50.0% #D7916D	RGB 215 145 109	#D7916D
66.7%	66.7% #E39E72	RGB 227 158 114	#E39E72
83.3%	83.3% #EFAB77	RGB 239 171 119	#EFAB77
100.0%	100.0% #FCBA7C	RGB 252 186 124	#FCBA7C

#B26F5E #BE7A63 #CA8568 #D7916D #E39E72 #EFAB77 #FCBA7C

#B26F5E - #D7916D - #FCBA7C

CSS codes

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

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