#EB694B - #BA2913 | 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 #EB694B to #BA2913

#EB694B #BA2913

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

#EB694B - #BA2913 | 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 #EB694B as 0% and #BA2913 as 100%.

0.0%	0.0% #EB694B	RGB 235 105 75	#EB694B
16.7%	16.7% #E25E41	RGB 226 94 65	#E25E41
33.3%	33.3% #DA5338	RGB 218 83 56	#DA5338
50.0%	50.0% #D2492F	RGB 210 73 47	#D2492F
66.7%	66.7% #CA3E25	RGB 202 62 37	#CA3E25
83.3%	83.3% #C2331C	RGB 194 51 28	#C2331C
100.0%	100.0% #BA2913	RGB 186 41 19	#BA2913

#EB694B #E25E41 #DA5338 #D2492F #CA3E25 #C2331C #BA2913

#EB694B - #BA2913

HSV Blend

#EB694B - #BA2913 | 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 #EB694B as 0% and #BA2913 as 100%.

0.0%	0.0% #EB694A	RGB 235 105 74	#EB694A
16.7%	16.7% #E25D40	RGB 226 93 64	#E25D40
33.3%	33.3% #DA5135	RGB 218 81 53	#DA5135
50.0%	50.0% #D2462C	RGB 210 70 44	#D2462C
66.7%	66.7% #CA3C23	RGB 202 60 35	#CA3C23
83.3%	83.3% #C2321A	RGB 194 50 26	#C2321A
100.0%	100.0% #BA2913	RGB 186 41 19	#BA2913

#EB694A #E25D40 #DA5135 #D2462C #CA3C23 #C2321A #BA2913

#EB694B - #D2462C - #BA2913

CSS codes

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

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