#BF8D8D - #FED6B0 | 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 #BF8D8D to #FED6B0

#BF8D8D #FED6B0

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

#BF8D8D - #FED6B0 | 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 #BF8D8D as 0% and #FED6B0 as 100%.

0.0%	0.0% #BF8D8D	RGB 191 141 141	#BF8D8D
16.7%	16.7% #C99992	RGB 201 153 146	#C99992
33.3%	33.3% #D4A598	RGB 212 165 152	#D4A598
50.0%	50.0% #DEB19E	RGB 222 177 158	#DEB19E
66.7%	66.7% #E9BDA4	RGB 233 189 164	#E9BDA4
83.3%	83.3% #F3C9AA	RGB 243 201 170	#F3C9AA
100.0%	100.0% #FED6B0	RGB 254 214 176	#FED6B0

#BF8D8D #C99992 #D4A598 #DEB19E #E9BDA4 #F3C9AA #FED6B0

#BF8D8D - #FED6B0

HSV Blend

#BF8D8D - #FED6B0 | 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 #BF8D8D as 0% and #FED6B0 as 100%.

0.0%	0.0% #BF8D8D	RGB 191 141 141	#BF8D8D
16.7%	16.7% #C99793	RGB 201 151 147	#C99793
33.3%	33.3% #D4A299	RGB 212 162 153	#D4A299
50.0%	50.0% #DEAE9F	RGB 222 174 159	#DEAE9F
66.7%	66.7% #E9BBA4	RGB 233 187 164	#E9BBA4
83.3%	83.3% #F3C8AA	RGB 243 200 170	#F3C8AA
100.0%	100.0% #FED6B0	RGB 254 214 176	#FED6B0

#BF8D8D #C99793 #D4A299 #DEAE9F #E9BBA4 #F3C8AA #FED6B0

#BF8D8D - #DEAE9F - #FED6B0

CSS codes

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

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