#BFBE80 - #ECEBDA | 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 #BFBE80 to #ECEBDA

#BFBE80 #ECEBDA

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

#BFBE80 - #ECEBDA | 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 #BFBE80 as 0% and #ECEBDA as 100%.

0.0%	0.0% #BFBE80	RGB 191 190 128	#BFBE80
16.7%	16.7% #C6C58F	RGB 198 197 143	#C6C58F
33.3%	33.3% #CECD9E	RGB 206 205 158	#CECD9E
50.0%	50.0% #D5D4AD	RGB 213 212 173	#D5D4AD
66.7%	66.7% #DDDCBC	RGB 221 220 188	#DDDCBC
83.3%	83.3% #E4E3CB	RGB 228 227 203	#E4E3CB
100.0%	100.0% #ECEBDA	RGB 236 235 218	#ECEBDA

#BFBE80 #C6C58F #CECD9E #D5D4AD #DDDCBC #E4E3CB #ECEBDA

#BFBE80 - #ECEBDA

HSV Blend

#BFBE80 - #ECEBDA | 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 #BFBE80 as 0% and #ECEBDA as 100%.

0.0%	0.0% #BFBE80	RGB 191 190 128	#BFBE80
16.7%	16.7% #C6C58D	RGB 198 197 141	#C6C58D
33.3%	33.3% #CECC9B	RGB 206 204 155	#CECC9B
50.0%	50.0% #D5D3AA	RGB 213 211 170	#D5D3AA
66.7%	66.7% #DDDBB9	RGB 221 219 185	#DDDBB9
83.3%	83.3% #E4E3C9	RGB 228 227 201	#E4E3C9
100.0%	100.0% #ECEBDA	RGB 236 235 218	#ECEBDA

#BFBE80 #C6C58D #CECC9B #D5D3AA #DDDBB9 #E4E3C9 #ECEBDA

#BFBE80 - #D5D3AA - #ECEBDA

CSS codes

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

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