#BF9B8D - #FEECB0 | 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 #BF9B8D to #FEECB0

#BF9B8D #FEECB0

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

#BF9B8D - #FEECB0 | 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 #BF9B8D as 0% and #FEECB0 as 100%.

0.0%	0.0% #BF9B8D	RGB 191 155 141	#BF9B8D
16.7%	16.7% #C9A892	RGB 201 168 146	#C9A892
33.3%	33.3% #D4B698	RGB 212 182 152	#D4B698
50.0%	50.0% #DEC39E	RGB 222 195 158	#DEC39E
66.7%	66.7% #E9D1A4	RGB 233 209 164	#E9D1A4
83.3%	83.3% #F3DEAA	RGB 243 222 170	#F3DEAA
100.0%	100.0% #FEECB0	RGB 254 236 176	#FEECB0

#BF9B8D #C9A892 #D4B698 #DEC39E #E9D1A4 #F3DEAA #FEECB0

#BF9B8D - #FEECB0

HSV Blend

#BF9B8D - #FEECB0 | 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 #BF9B8D as 0% and #FEECB0 as 100%.

0.0%	0.0% #BF9B8D	RGB 191 155 141	#BF9B8D
16.7%	16.7% #C9A693	RGB 201 166 147	#C9A693
33.3%	33.3% #D4B399	RGB 212 179 153	#D4B399
50.0%	50.0% #DEC09F	RGB 222 192 159	#DEC09F
66.7%	66.7% #E9CEA4	RGB 233 206 164	#E9CEA4
83.3%	83.3% #F3DCAA	RGB 243 220 170	#F3DCAA
100.0%	100.0% #FEECB0	RGB 254 236 176	#FEECB0

#BF9B8D #C9A693 #D4B399 #DEC09F #E9CEA4 #F3DCAA #FEECB0

#BF9B8D - #DEC09F - #FEECB0

CSS codes

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

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