#BDBF81 - #EBECDB | 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 #BDBF81 to #EBECDB

#BDBF81 #EBECDB

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

#BDBF81 - #EBECDB | 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 #BDBF81 as 0% and #EBECDB as 100%.

0.0%	0.0% #BDBF81	RGB 189 191 129	#BDBF81
16.7%	16.7% #C4C690	RGB 196 198 144	#C4C690
33.3%	33.3% #CCCE9F	RGB 204 206 159	#CCCE9F
50.0%	50.0% #D4D5AE	RGB 212 213 174	#D4D5AE
66.7%	66.7% #DBDDBD	RGB 219 221 189	#DBDDBD
83.3%	83.3% #E3E4CC	RGB 227 228 204	#E3E4CC
100.0%	100.0% #EBECDB	RGB 235 236 219	#EBECDB

#BDBF81 #C4C690 #CCCE9F #D4D5AE #DBDDBD #E3E4CC #EBECDB

#BDBF81 - #EBECDB

HSV Blend

#BDBF81 - #EBECDB | 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 #BDBF81 as 0% and #EBECDB as 100%.

0.0%	0.0% #BDBF81	RGB 189 191 129	#BDBF81
16.7%	16.7% #C4C68E	RGB 196 198 142	#C4C68E
33.3%	33.3% #CBCE9C	RGB 203 206 156	#CBCE9C
50.0%	50.0% #D3D5AB	RGB 211 213 171	#D3D5AB
66.7%	66.7% #DBDDBA	RGB 219 221 186	#DBDDBA
83.3%	83.3% #E3E4CA	RGB 227 228 202	#E3E4CA
100.0%	100.0% #EBECDB	RGB 235 236 219	#EBECDB

#BDBF81 #C4C68E #CBCE9C #D3D5AB #DBDDBA #E3E4CA #EBECDB

#BDBF81 - #D3D5AB - #EBECDB

CSS codes

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

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