#E3E3D4 - #BCB485 | 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 #E3E3D4 to #BCB485

#E3E3D4 #BCB485

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

#E3E3D4 - #BCB485 | 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 #E3E3D4 as 0% and #BCB485 as 100%.

0.0%	0.0% #E3E3D4	RGB 227 227 212	#E3E3D4
16.7%	16.7% #DCDBC6	RGB 220 219 198	#DCDBC6
33.3%	33.3% #D6D3B9	RGB 214 211 185	#D6D3B9
50.0%	50.0% #CFCBAC	RGB 207 203 172	#CFCBAC
66.7%	66.7% #C9C39F	RGB 201 195 159	#C9C39F
83.3%	83.3% #C2BB92	RGB 194 187 146	#C2BB92
100.0%	100.0% #BCB485	RGB 188 180 133	#BCB485

#E3E3D4 #DCDBC6 #D6D3B9 #CFCBAC #C9C39F #C2BB92 #BCB485

#E3E3D4 - #BCB485

HSV Blend

#E3E3D4 - #BCB485 | 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 #E3E3D4 as 0% and #BCB485 as 100%.

0.0%	0.0% #E3E3D4	RGB 227 227 212	#E3E3D4
16.7%	16.7% #DCDBC5	RGB 220 219 197	#DCDBC5
33.3%	33.3% #D6D4B7	RGB 214 212 183	#D6D4B7
50.0%	50.0% #CFCCAA	RGB 207 204 170	#CFCCAA
66.7%	66.7% #C9C49D	RGB 201 196 157	#C9C49D
83.3%	83.3% #C2BC90	RGB 194 188 144	#C2BC90
100.0%	100.0% #BCB485	RGB 188 180 133	#BCB485

#E3E3D4 #DCDBC5 #D6D4B7 #CFCCAA #C9C49D #C2BC90 #BCB485

#E3E3D4 - #CFCCAA - #BCB485

CSS codes

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

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