#BA452B - #EBC9C2 | 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 #BA452B to #EBC9C2

#BA452B #EBC9C2

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

#BA452B - #EBC9C2 | 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 #BA452B as 0% and #EBC9C2 as 100%.

0.0%	0.0% #BA452B	RGB 186 69 43	#BA452B
16.7%	16.7% #C25B44	RGB 194 91 68	#C25B44
33.3%	33.3% #CA715D	RGB 202 113 93	#CA715D
50.0%	50.0% #D28776	RGB 210 135 118	#D28776
66.7%	66.7% #DA9D8F	RGB 218 157 143	#DA9D8F
83.3%	83.3% #E2B3A8	RGB 226 179 168	#E2B3A8
100.0%	100.0% #EBC9C2	RGB 235 201 194	#EBC9C2

#BA452B #C25B44 #CA715D #D28776 #DA9D8F #E2B3A8 #EBC9C2

#BA452B - #EBC9C2

HSV Blend

#BA452B - #EBC9C2 | 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 #BA452B as 0% and #EBC9C2 as 100%.

0.0%	0.0% #BA452B	RGB 186 69 43	#BA452B
16.7%	16.7% #C25740	RGB 194 87 64	#C25740
33.3%	33.3% #CA6B56	RGB 202 107 86	#CA6B56
50.0%	50.0% #D2806F	RGB 210 128 111	#D2806F
66.7%	66.7% #DA9789	RGB 218 151 137	#DA9789
83.3%	83.3% #E2AFA4	RGB 226 175 164	#E2AFA4
100.0%	100.0% #EBC9C2	RGB 235 201 194	#EBC9C2

#BA452B #C25740 #CA6B56 #D2806F #DA9789 #E2AFA4 #EBC9C2

#BA452B - #D2806F - #EBC9C2

CSS codes

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

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