#BFB77B - #ECE9D9 | 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 #BFB77B to #ECE9D9

#BFB77B #ECE9D9

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

#BFB77B - #ECE9D9 | 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 #BFB77B as 0% and #ECE9D9 as 100%.

0.0%	0.0% #BFB77B	RGB 191 183 123	#BFB77B
16.7%	16.7% #C6BF8A	RGB 198 191 138	#C6BF8A
33.3%	33.3% #CEC79A	RGB 206 199 154	#CEC79A
50.0%	50.0% #D5D0AA	RGB 213 208 170	#D5D0AA
66.7%	66.7% #DDD8B9	RGB 221 216 185	#DDD8B9
83.3%	83.3% #E4E0C9	RGB 228 224 201	#E4E0C9
100.0%	100.0% #ECE9D9	RGB 236 233 217	#ECE9D9

#BFB77B #C6BF8A #CEC79A #D5D0AA #DDD8B9 #E4E0C9 #ECE9D9

#BFB77B - #ECE9D9

HSV Blend

#BFB77B - #ECE9D9 | 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 #BFB77B as 0% and #ECE9D9 as 100%.

0.0%	0.0% #BFB77B	RGB 191 183 123	#BFB77B
16.7%	16.7% #C6BE88	RGB 198 190 136	#C6BE88
33.3%	33.3% #CEC697	RGB 206 198 151	#CEC697
50.0%	50.0% #D5CFA6	RGB 213 207 166	#D5CFA6
66.7%	66.7% #DDD7B6	RGB 221 215 182	#DDD7B6
83.3%	83.3% #E4E0C7	RGB 228 224 199	#E4E0C7
100.0%	100.0% #ECE9D9	RGB 236 233 217	#ECE9D9

#BFB77B #C6BE88 #CEC697 #D5CFA6 #DDD7B6 #E4E0C7 #ECE9D9

#BFB77B - #D5CFA6 - #ECE9D9

CSS codes

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

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