#BA3C3C - #EBC7C7 | 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 #BA3C3C to #EBC7C7

#BA3C3C #EBC7C7

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

#BA3C3C - #EBC7C7 | 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 #BA3C3C as 0% and #EBC7C7 as 100%.

0.0%	0.0% #BA3C3C	RGB 186 60 60	#BA3C3C
16.7%	16.7% #C25353	RGB 194 83 83	#C25353
33.3%	33.3% #CA6A6A	RGB 202 106 106	#CA6A6A
50.0%	50.0% #D28181	RGB 210 129 129	#D28181
66.7%	66.7% #DA9898	RGB 218 152 152	#DA9898
83.3%	83.3% #E2AFAF	RGB 226 175 175	#E2AFAF
100.0%	100.0% #EBC7C7	RGB 235 199 199	#EBC7C7

#BA3C3C #C25353 #CA6A6A #D28181 #DA9898 #E2AFAF #EBC7C7

#BA3C3C - #EBC7C7

HSV Blend

#BA3C3C - #EBC7C7 | 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 #BA3C3C as 0% and #EBC7C7 as 100%.

0.0%	0.0% #BA3C3C	RGB 186 60 60	#BA3C3C
16.7%	16.7% #C24F4F	RGB 194 79 79	#C24F4F
33.3%	33.3% #CA6464	RGB 202 100 100	#CA6464
50.0%	50.0% #D27B7B	RGB 210 123 123	#D27B7B
66.7%	66.7% #DA9292	RGB 218 146 146	#DA9292
83.3%	83.3% #E2ACAC	RGB 226 172 172	#E2ACAC
100.0%	100.0% #EBC7C7	RGB 235 199 199	#EBC7C7

#BA3C3C #C24F4F #CA6464 #D27B7B #DA9292 #E2ACAC #EBC7C7

#BA3C3C - #D27B7B - #EBC7C7

CSS codes

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

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