#BA9C7A - #EBE2D9 | 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 #BA9C7A to #EBE2D9

#BA9C7A #EBE2D9

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

#BA9C7A - #EBE2D9 | 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 #BA9C7A as 0% and #EBE2D9 as 100%.

0.0%	0.0% #BA9C7A	RGB 186 156 122	#BA9C7A
16.7%	16.7% #C2A789	RGB 194 167 137	#C2A789
33.3%	33.3% #CAB399	RGB 202 179 153	#CAB399
50.0%	50.0% #D2BFA9	RGB 210 191 169	#D2BFA9
66.7%	66.7% #DACAB9	RGB 218 202 185	#DACAB9
83.3%	83.3% #E2D6C9	RGB 226 214 201	#E2D6C9
100.0%	100.0% #EBE2D9	RGB 235 226 217	#EBE2D9

#BA9C7A #C2A789 #CAB399 #D2BFA9 #DACAB9 #E2D6C9 #EBE2D9

#BA9C7A - #EBE2D9

HSV Blend

#BA9C7A - #EBE2D9 | 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 #BA9C7A as 0% and #EBE2D9 as 100%.

0.0%	0.0% #BA9C7A	RGB 186 156 122	#BA9C7A
16.7%	16.7% #C2A688	RGB 194 166 136	#C2A688
33.3%	33.3% #CAB196	RGB 202 177 150	#CAB196
50.0%	50.0% #D2BDA6	RGB 210 189 166	#D2BDA6
66.7%	66.7% #DAC8B6	RGB 218 200 182	#DAC8B6
83.3%	83.3% #E2D5C7	RGB 226 213 199	#E2D5C7
100.0%	100.0% #EBE2D9	RGB 235 226 217	#EBE2D9

#BA9C7A #C2A688 #CAB196 #D2BDA6 #DAC8B6 #E2D5C7 #EBE2D9

#BA9C7A - #D2BDA6 - #EBE2D9

CSS codes

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

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