#EA5E5E - #BA1A1B | 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 #EA5E5E to #BA1A1B

#EA5E5E #BA1A1B

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

#EA5E5E - #BA1A1B | 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 #EA5E5E as 0% and #BA1A1B as 100%.

0.0%	0.0% #EA5E5E	RGB 234 94 94	#EA5E5E
16.7%	16.7% #E25252	RGB 226 82 82	#E25252
33.3%	33.3% #DA4747	RGB 218 71 71	#DA4747
50.0%	50.0% #D23C3C	RGB 210 60 60	#D23C3C
66.7%	66.7% #CA3031	RGB 202 48 49	#CA3031
83.3%	83.3% #C22526	RGB 194 37 38	#C22526
100.0%	100.0% #BA1A1B	RGB 186 26 27	#BA1A1B

#EA5E5E #E25252 #DA4747 #D23C3C #CA3031 #C22526 #BA1A1B

#EA5E5E - #BA1A1B

HSV Blend

#EA5E5E - #BA1A1B | 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 #EA5E5E as 0% and #BA1A1B as 100%.

0.0%	0.0% #EA5E5E	RGB 234 94 94	#EA5E5E
16.7%	16.7% #E25051	RGB 226 80 81	#E25051
33.3%	33.3% #DA4444	RGB 218 68 68	#DA4444
50.0%	50.0% #D23839	RGB 210 56 57	#D23839
66.7%	66.7% #CA2D2E	RGB 202 45 46	#CA2D2E
83.3%	83.3% #C22324	RGB 194 35 36	#C22324
100.0%	100.0% #BA1A1B	RGB 186 26 27	#BA1A1B

#EA5E5E #E25051 #DA4444 #D23839 #CA2D2E #C22324 #BA1A1B

#EA5E5E - #D23839 - #BA1A1B

CSS codes

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

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