#BF9F7E - #FFDB9C | 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 #BF9F7E to #FFDB9C

#BF9F7E #FFDB9C

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

#BF9F7E - #FFDB9C | 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 #BF9F7E as 0% and #FFDB9C as 100%.

0.0%	0.0% #BF9F7E	RGB 191 159 126	#BF9F7E
16.7%	16.7% #C9A983	RGB 201 169 131	#C9A983
33.3%	33.3% #D4B388	RGB 212 179 136	#D4B388
50.0%	50.0% #DFBD8D	RGB 223 189 141	#DFBD8D
66.7%	66.7% #E9C792	RGB 233 199 146	#E9C792
83.3%	83.3% #F4D197	RGB 244 209 151	#F4D197
100.0%	100.0% #FFDB9C	RGB 255 219 156	#FFDB9C

#BF9F7E #C9A983 #D4B388 #DFBD8D #E9C792 #F4D197 #FFDB9C

#BF9F7E - #FFDB9C

HSV Blend

#BF9F7E - #FFDB9C | 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 #BF9F7E as 0% and #FFDB9C as 100%.

0.0%	0.0% #BF9F7E	RGB 191 159 126	#BF9F7E
16.7%	16.7% #C9A883	RGB 201 168 131	#C9A883
33.3%	33.3% #D4B288	RGB 212 178 136	#D4B288
50.0%	50.0% #DFBC8D	RGB 223 188 141	#DFBC8D
66.7%	66.7% #E9C692	RGB 233 198 146	#E9C692
83.3%	83.3% #F4D097	RGB 244 208 151	#F4D097
100.0%	100.0% #FFDB9C	RGB 255 219 156	#FFDB9C

#BF9F7E #C9A883 #D4B288 #DFBC8D #E9C692 #F4D097 #FFDB9C

#BF9F7E - #DFBC8D - #FFDB9C

CSS codes

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

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