#EF2D37 - #8C0006 | 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 #EF2D37 to #8C0006

#EF2D37 #8C0006

Calculate the color between two colors, #EF2D37 and #8C0006. 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)

#EF2D37 - #8C0006 | 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 #EF2D37 as 0% and #8C0006 as 100%.

0.0%	0.0% #EF2D37	RGB 239 45 55	#EF2D37
16.7%	16.7% #DE252E	RGB 222 37 46	#DE252E
33.3%	33.3% #CE1E26	RGB 206 30 38	#CE1E26
50.0%	50.0% #BD161E	RGB 189 22 30	#BD161E
66.7%	66.7% #AD0E16	RGB 173 14 22	#AD0E16
83.3%	83.3% #9C070E	RGB 156 7 14	#9C070E
100.0%	100.0% #8C0006	RGB 140 0 6	#8C0006

#EF2D37 #DE252E #CE1E26 #BD161E #AD0E16 #9C070E #8C0006

#EF2D37 - #8C0006

HSV Blend

#EF2D37 - #8C0006 | 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 #EF2D37 as 0% and #8C0006 as 100%.

0.0%	0.0% #EF2D36	RGB 239 45 54	#EF2D36
16.7%	16.7% #DE222C	RGB 222 34 44	#DE222C
33.3%	33.3% #CE1922	RGB 206 25 34	#CE1922
50.0%	50.0% #BD1119	RGB 189 17 25	#BD1119
66.7%	66.7% #AD0A12	RGB 173 10 18	#AD0A12
83.3%	83.3% #9C040B	RGB 156 4 11	#9C040B
100.0%	100.0% #8C0006	RGB 140 0 6	#8C0006

#EF2D36 #DE222C #CE1922 #BD1119 #AD0A12 #9C040B #8C0006

#EF2D37 - #BD1119 - #8C0006

CSS codes

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

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