#E4080A - #520F13 | 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 #E4080A to #520F13

#E4080A #520F13

Calculate the color between two colors, #E4080A and #520F13. 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)

#E4080A - #520F13 | 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 #E4080A as 0% and #520F13 as 100%.

0.0%	0.0% #E4080A	RGB 228 8 10	#E4080A
16.7%	16.7% #CB090B	RGB 203 9 11	#CB090B
33.3%	33.3% #B30A0D	RGB 179 10 13	#B30A0D
50.0%	50.0% #9B0B0E	RGB 155 11 14	#9B0B0E
66.7%	66.7% #820C10	RGB 130 12 16	#820C10
83.3%	83.3% #6A0D11	RGB 106 13 17	#6A0D11
100.0%	100.0% #520F13	RGB 82 15 19	#520F13

#E4080A #CB090B #B30A0D #9B0B0E #820C10 #6A0D11 #520F13

#E4080A - #520F13

HSV Blend

#E4080A - #520F13 | 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 #E4080A as 0% and #520F13 as 100%.

0.0%	0.0% #E40709	RGB 228 7 9	#E40709
16.7%	16.7% #CB0C0F	RGB 203 12 15	#CB0C0F
33.3%	33.3% #B30F13	RGB 179 15 19	#B30F13
50.0%	50.0% #9B1015	RGB 155 16 21	#9B1015
66.7%	66.7% #821116	RGB 130 17 22	#821116
83.3%	83.3% #6A1015	RGB 106 16 21	#6A1015
100.0%	100.0% #520F13	RGB 82 15 19	#520F13

#E40709 #CB0C0F #B30F13 #9B1015 #821116 #6A1015 #520F13

#E4080A - #9B1015 - #520F13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E40709 0%, #9B1015 50%, #520F13 100%);
    background: -webkit-linear-gradient(top, #E40709 0%, #9B1015 50%, #520F13 100%);
    background: linear-gradient(to bottom, #E40709 0%, #9B1015 50%, #520F13 100%);
}
</style>