#ED1F10 - #8B120B | 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 #ED1F10 to #8B120B

#ED1F10 #8B120B

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

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

0.0%	0.0% #ED1F10	RGB 237 31 16	#ED1F10
16.7%	16.7% #DC1C0F	RGB 220 28 15	#DC1C0F
33.3%	33.3% #CC1A0E	RGB 204 26 14	#CC1A0E
50.0%	50.0% #BC180D	RGB 188 24 13	#BC180D
66.7%	66.7% #AB160C	RGB 171 22 12	#AB160C
83.3%	83.3% #9B140B	RGB 155 20 11	#9B140B
100.0%	100.0% #8B120B	RGB 139 18 11	#8B120B

#ED1F10 #DC1C0F #CC1A0E #BC180D #AB160C #9B140B #8B120B

#ED1F10 - #8B120B

HSV Blend

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

0.0%	0.0% #ED1F10	RGB 237 31 16	#ED1F10
16.7%	16.7% #DC1C0F	RGB 220 28 15	#DC1C0F
33.3%	33.3% #CC1A0E	RGB 204 26 14	#CC1A0E
50.0%	50.0% #BC180D	RGB 188 24 13	#BC180D
66.7%	66.7% #AB160C	RGB 171 22 12	#AB160C
83.3%	83.3% #9B140B	RGB 155 20 11	#9B140B
100.0%	100.0% #8B120B	RGB 139 18 11	#8B120B

#ED1F10 #DC1C0F #CC1A0E #BC180D #AB160C #9B140B #8B120B

#ED1F10 - #BC180D - #8B120B

CSS codes

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

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