#BF7E6B - #FEC88A | 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 #BF7E6B to #FEC88A

#BF7E6B #FEC88A

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

#BF7E6B - #FEC88A | 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 #BF7E6B as 0% and #FEC88A as 100%.

0.0%	0.0% #BF7E6B	RGB 191 126 107	#BF7E6B
16.7%	16.7% #C98A70	RGB 201 138 112	#C98A70
33.3%	33.3% #D49675	RGB 212 150 117	#D49675
50.0%	50.0% #DEA37A	RGB 222 163 122	#DEA37A
66.7%	66.7% #E9AF7F	RGB 233 175 127	#E9AF7F
83.3%	83.3% #F3BB84	RGB 243 187 132	#F3BB84
100.0%	100.0% #FEC88A	RGB 254 200 138	#FEC88A

#BF7E6B #C98A70 #D49675 #DEA37A #E9AF7F #F3BB84 #FEC88A

#BF7E6B - #FEC88A

HSV Blend

#BF7E6B - #FEC88A | 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 #BF7E6B as 0% and #FEC88A as 100%.

0.0%	0.0% #BF7E6B	RGB 191 126 107	#BF7E6B
16.7%	16.7% #C98970	RGB 201 137 112	#C98970
33.3%	33.3% #D49475	RGB 212 148 117	#D49475
50.0%	50.0% #DEA07A	RGB 222 160 122	#DEA07A
66.7%	66.7% #E9AD7F	RGB 233 173 127	#E9AD7F
83.3%	83.3% #F3BA84	RGB 243 186 132	#F3BA84
100.0%	100.0% #FEC88A	RGB 254 200 138	#FEC88A

#BF7E6B #C98970 #D49475 #DEA07A #E9AD7F #F3BA84 #FEC88A

#BF7E6B - #DEA07A - #FEC88A

CSS codes

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

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