#E7CDCD - #BA7C7B | 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 #E7CDCD to #BA7C7B

#E7CDCD #BA7C7B

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

#E7CDCD - #BA7C7B | 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 #E7CDCD as 0% and #BA7C7B as 100%.

0.0%	0.0% #E7CDCD	RGB 231 205 205	#E7CDCD
16.7%	16.7% #DFBFBF	RGB 223 191 191	#DFBFBF
33.3%	33.3% #D8B2B1	RGB 216 178 177	#D8B2B1
50.0%	50.0% #D0A4A4	RGB 208 164 164	#D0A4A4
66.7%	66.7% #C99796	RGB 201 151 150	#C99796
83.3%	83.3% #C18988	RGB 193 137 136	#C18988
100.0%	100.0% #BA7C7B	RGB 186 124 123	#BA7C7B

#E7CDCD #DFBFBF #D8B2B1 #D0A4A4 #C99796 #C18988 #BA7C7B

#E7CDCD - #BA7C7B

HSV Blend

#E7CDCD - #BA7C7B | 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 #E7CDCD as 0% and #BA7C7B as 100%.

0.0%	0.0% #E7CDCD	RGB 231 205 205	#E7CDCD
16.7%	16.7% #DFBEBD	RGB 223 190 189	#DFBEBD
33.3%	33.3% #D8AFAF	RGB 216 175 175	#D8AFAF
50.0%	50.0% #D0A1A1	RGB 208 161 161	#D0A1A1
66.7%	66.7% #C99494	RGB 201 148 148	#C99494
83.3%	83.3% #C18887	RGB 193 136 135	#C18887
100.0%	100.0% #BA7C7B	RGB 186 124 123	#BA7C7B

#E7CDCD #DFBEBD #D8AFAF #D0A1A1 #C99494 #C18887 #BA7C7B

#E7CDCD - #D0A1A1 - #BA7C7B

CSS codes

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

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