#BDBC74 - #ECEBD7 | 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 #BDBC74 to #ECEBD7

#BDBC74 #ECEBD7

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

#BDBC74 - #ECEBD7 | 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 #BDBC74 as 0% and #ECEBD7 as 100%.

0.0%	0.0% #BDBC74	RGB 189 188 116	#BDBC74
16.7%	16.7% #C4C384	RGB 196 195 132	#C4C384
33.3%	33.3% #CCCB95	RGB 204 203 149	#CCCB95
50.0%	50.0% #D4D3A5	RGB 212 211 165	#D4D3A5
66.7%	66.7% #DCDBB6	RGB 220 219 182	#DCDBB6
83.3%	83.3% #E4E3C6	RGB 228 227 198	#E4E3C6
100.0%	100.0% #ECEBD7	RGB 236 235 215	#ECEBD7

#BDBC74 #C4C384 #CCCB95 #D4D3A5 #DCDBB6 #E4E3C6 #ECEBD7

#BDBC74 - #ECEBD7

HSV Blend

#BDBC74 - #ECEBD7 | 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 #BDBC74 as 0% and #ECEBD7 as 100%.

0.0%	0.0% #BDBC74	RGB 189 188 116	#BDBC74
16.7%	16.7% #C4C382	RGB 196 195 130	#C4C382
33.3%	33.3% #CCCB91	RGB 204 203 145	#CCCB91
50.0%	50.0% #D4D2A2	RGB 212 210 162	#D4D2A2
66.7%	66.7% #DCDAB2	RGB 220 218 178	#DCDAB2
83.3%	83.3% #E4E2C4	RGB 228 226 196	#E4E2C4
100.0%	100.0% #ECEBD7	RGB 236 235 215	#ECEBD7

#BDBC74 #C4C382 #CCCB91 #D4D2A2 #DCDAB2 #E4E2C4 #ECEBD7

#BDBC74 - #D4D2A2 - #ECEBD7

CSS codes

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

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