#BA7E4C - #EBDACB | 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 #BA7E4C to #EBDACB

#BA7E4C #EBDACB

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

#BA7E4C - #EBDACB | 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 #BA7E4C as 0% and #EBDACB as 100%.

0.0%	0.0% #BA7E4C	RGB 186 126 76	#BA7E4C
16.7%	16.7% #C28D61	RGB 194 141 97	#C28D61
33.3%	33.3% #CA9C76	RGB 202 156 118	#CA9C76
50.0%	50.0% #D2AC8B	RGB 210 172 139	#D2AC8B
66.7%	66.7% #DABBA0	RGB 218 187 160	#DABBA0
83.3%	83.3% #E2CAB5	RGB 226 202 181	#E2CAB5
100.0%	100.0% #EBDACB	RGB 235 218 203	#EBDACB

#BA7E4C #C28D61 #CA9C76 #D2AC8B #DABBA0 #E2CAB5 #EBDACB

#BA7E4C - #EBDACB

HSV Blend

#BA7E4C - #EBDACB | 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 #BA7E4C as 0% and #EBDACB as 100%.

0.0%	0.0% #BA7E4C	RGB 186 126 76	#BA7E4C
16.7%	16.7% #C28B5E	RGB 194 139 94	#C28B5E
33.3%	33.3% #CA9A71	RGB 202 154 113	#CA9A71
50.0%	50.0% #D2A985	RGB 210 169 133	#D2A985
66.7%	66.7% #DAB89B	RGB 218 184 155	#DAB89B
83.3%	83.3% #E2C9B2	RGB 226 201 178	#E2C9B2
100.0%	100.0% #EBDACB	RGB 235 218 203	#EBDACB

#BA7E4C #C28B5E #CA9A71 #D2A985 #DAB89B #E2C9B2 #EBDACB

#BA7E4C - #D2A985 - #EBDACB

CSS codes

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

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