#EC2D22 - #97110B | 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 #EC2D22 to #97110B

#EC2D22 #97110B

Calculate the color between two colors, #EC2D22 and #97110B. 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)

#EC2D22 - #97110B | 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 #EC2D22 as 0% and #97110B as 100%.

0.0%	0.0% #EC2D22	RGB 236 45 34	#EC2D22
16.7%	16.7% #DD281E	RGB 221 40 30	#DD281E
33.3%	33.3% #CF231A	RGB 207 35 26	#CF231A
50.0%	50.0% #C11F16	RGB 193 31 22	#C11F16
66.7%	66.7% #B31A12	RGB 179 26 18	#B31A12
83.3%	83.3% #A5150E	RGB 165 21 14	#A5150E
100.0%	100.0% #97110B	RGB 151 17 11	#97110B

#EC2D22 #DD281E #CF231A #C11F16 #B31A12 #A5150E #97110B

#EC2D22 - #97110B

HSV Blend

#EC2D22 - #97110B | 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 #EC2D22 as 0% and #97110B as 100%.

0.0%	0.0% #EC2D22	RGB 236 45 34	#EC2D22
16.7%	16.7% #DD271D	RGB 221 39 29	#DD271D
33.3%	33.3% #CF2218	RGB 207 34 24	#CF2218
50.0%	50.0% #C11D14	RGB 193 29 20	#C11D14
66.7%	66.7% #B31811	RGB 179 24 17	#B31811
83.3%	83.3% #A5140D	RGB 165 20 13	#A5140D
100.0%	100.0% #97110B	RGB 151 17 11	#97110B

#EC2D22 #DD271D #CF2218 #C11D14 #B31811 #A5140D #97110B

#EC2D22 - #C11D14 - #97110B

CSS codes

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

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