#B16C5E - #E8D5D1 | 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 #B16C5E to #E8D5D1

#B16C5E #E8D5D1

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

#B16C5E - #E8D5D1 | 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 #B16C5E as 0% and #E8D5D1 as 100%.

0.0%	0.0% #B16C5E	RGB 177 108 94	#B16C5E
16.7%	16.7% #BA7D71	RGB 186 125 113	#BA7D71
33.3%	33.3% #C38F84	RGB 195 143 132	#C38F84
50.0%	50.0% #CCA097	RGB 204 160 151	#CCA097
66.7%	66.7% #D5B2AA	RGB 213 178 170	#D5B2AA
83.3%	83.3% #DEC3BD	RGB 222 195 189	#DEC3BD
100.0%	100.0% #E8D5D1	RGB 232 213 209	#E8D5D1

#B16C5E #BA7D71 #C38F84 #CCA097 #D5B2AA #DEC3BD #E8D5D1

#B16C5E - #E8D5D1

HSV Blend

#B16C5E - #E8D5D1 | 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 #B16C5E as 0% and #E8D5D1 as 100%.

0.0%	0.0% #B16C5E	RGB 177 108 94	#B16C5E
16.7%	16.7% #BA7B6E	RGB 186 123 110	#BA7B6E
33.3%	33.3% #C38B7F	RGB 195 139 127	#C38B7F
50.0%	50.0% #CC9C92	RGB 204 156 146	#CC9C92
66.7%	66.7% #D5AEA6	RGB 213 174 166	#D5AEA6
83.3%	83.3% #DEC1BB	RGB 222 193 187	#DEC1BB
100.0%	100.0% #E8D5D1	RGB 232 213 209	#E8D5D1

#B16C5E #BA7B6E #C38B7F #CC9C92 #D5AEA6 #DEC1BB #E8D5D1

#B16C5E - #CC9C92 - #E8D5D1

CSS codes

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

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