#BA8F87 - #EBDFDC | 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 #BA8F87 to #EBDFDC

#BA8F87 #EBDFDC

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

#BA8F87 - #EBDFDC | 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 #BA8F87 as 0% and #EBDFDC as 100%.

0.0%	0.0% #BA8F87	RGB 186 143 135	#BA8F87
16.7%	16.7% #C29C95	RGB 194 156 149	#C29C95
33.3%	33.3% #CAA9A3	RGB 202 169 163	#CAA9A3
50.0%	50.0% #D2B7B1	RGB 210 183 177	#D2B7B1
66.7%	66.7% #DAC4BF	RGB 218 196 191	#DAC4BF
83.3%	83.3% #E2D1CD	RGB 226 209 205	#E2D1CD
100.0%	100.0% #EBDFDC	RGB 235 223 220	#EBDFDC

#BA8F87 #C29C95 #CAA9A3 #D2B7B1 #DAC4BF #E2D1CD #EBDFDC

#BA8F87 - #EBDFDC

HSV Blend

#BA8F87 - #EBDFDC | 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 #BA8F87 as 0% and #EBDFDC as 100%.

0.0%	0.0% #BA8F87	RGB 186 143 135	#BA8F87
16.7%	16.7% #C29B93	RGB 194 155 147	#C29B93
33.3%	33.3% #CAA8A1	RGB 202 168 161	#CAA8A1
50.0%	50.0% #D2B5AE	RGB 210 181 174	#D2B5AE
66.7%	66.7% #DAC2BD	RGB 218 194 189	#DAC2BD
83.3%	83.3% #E2D0CC	RGB 226 208 204	#E2D0CC
100.0%	100.0% #EBDFDC	RGB 235 223 220	#EBDFDC

#BA8F87 #C29B93 #CAA8A1 #D2B5AE #DAC2BD #E2D0CC #EBDFDC

#BA8F87 - #D2B5AE - #EBDFDC

CSS codes

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

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