#BF9D6B - #F9FD8C | 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 #BF9D6B to #F9FD8C

#BF9D6B #F9FD8C

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

#BF9D6B - #F9FD8C | 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 #BF9D6B as 0% and #F9FD8C as 100%.

0.0%	0.0% #BF9D6B	RGB 191 157 107	#BF9D6B
16.7%	16.7% #C8AD70	RGB 200 173 112	#C8AD70
33.3%	33.3% #D2BD76	RGB 210 189 118	#D2BD76
50.0%	50.0% #DCCD7B	RGB 220 205 123	#DCCD7B
66.7%	66.7% #E5DD81	RGB 229 221 129	#E5DD81
83.3%	83.3% #EFED86	RGB 239 237 134	#EFED86
100.0%	100.0% #F9FD8C	RGB 249 253 140	#F9FD8C

#BF9D6B #C8AD70 #D2BD76 #DCCD7B #E5DD81 #EFED86 #F9FD8C

#BF9D6B - #F9FD8C

HSV Blend

#BF9D6B - #F9FD8C | 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 #BF9D6B as 0% and #F9FD8C as 100%.

0.0%	0.0% #BF9D6B	RGB 191 157 107	#BF9D6B
16.7%	16.7% #C9AB70	RGB 201 171 112	#C9AB70
33.3%	33.3% #D3BB76	RGB 211 187 118	#D3BB76
50.0%	50.0% #DECB7B	RGB 222 203 123	#DECB7B
66.7%	66.7% #E8DC81	RGB 232 220 129	#E8DC81
83.3%	83.3% #F2EE86	RGB 242 238 134	#F2EE86
100.0%	100.0% #F9FD8C	RGB 249 253 140	#F9FD8C

#BF9D6B #C9AB70 #D3BB76 #DECB7B #E8DC81 #F2EE86 #F9FD8C

#BF9D6B - #DECB7B - #F9FD8C

CSS codes

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

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