#BA2B2B - #EBC2C2 | 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 #BA2B2B to #EBC2C2

#BA2B2B #EBC2C2

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

#BA2B2B - #EBC2C2 | 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 #BA2B2B as 0% and #EBC2C2 as 100%.

0.0%	0.0% #BA2B2B	RGB 186 43 43	#BA2B2B
16.7%	16.7% #C24444	RGB 194 68 68	#C24444
33.3%	33.3% #CA5D5D	RGB 202 93 93	#CA5D5D
50.0%	50.0% #D27676	RGB 210 118 118	#D27676
66.7%	66.7% #DA8F8F	RGB 218 143 143	#DA8F8F
83.3%	83.3% #E2A8A8	RGB 226 168 168	#E2A8A8
100.0%	100.0% #EBC2C2	RGB 235 194 194	#EBC2C2

#BA2B2B #C24444 #CA5D5D #D27676 #DA8F8F #E2A8A8 #EBC2C2

#BA2B2B - #EBC2C2

HSV Blend

#BA2B2B - #EBC2C2 | 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 #BA2B2B as 0% and #EBC2C2 as 100%.

0.0%	0.0% #BA2B2B	RGB 186 43 43	#BA2B2B
16.7%	16.7% #C24040	RGB 194 64 64	#C24040
33.3%	33.3% #CA5656	RGB 202 86 86	#CA5656
50.0%	50.0% #D26F6F	RGB 210 111 111	#D26F6F
66.7%	66.7% #DA8989	RGB 218 137 137	#DA8989
83.3%	83.3% #E2A4A4	RGB 226 164 164	#E2A4A4
100.0%	100.0% #EBC2C2	RGB 235 194 194	#EBC2C2

#BA2B2B #C24040 #CA5656 #D26F6F #DA8989 #E2A4A4 #EBC2C2

#BA2B2B - #D26F6F - #EBC2C2

CSS codes

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

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