#E8001B - #550814 | 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 #E8001B to #550814

#E8001B #550814

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

#E8001B - #550814 | 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 #E8001B as 0% and #550814 as 100%.

0.0%	0.0% #E8001B	RGB 232 0 27	#E8001B
16.7%	16.7% #CF0119	RGB 207 1 25	#CF0119
33.3%	33.3% #B70218	RGB 183 2 24	#B70218
50.0%	50.0% #9E0417	RGB 158 4 23	#9E0417
66.7%	66.7% #860516	RGB 134 5 22	#860516
83.3%	83.3% #6D0615	RGB 109 6 21	#6D0615
100.0%	100.0% #550814	RGB 85 8 20	#550814

#E8001B #CF0119 #B70218 #9E0417 #860516 #6D0615 #550814

#E8001B - #550814

HSV Blend

#E8001B - #550814 | 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 #E8001B as 0% and #550814 as 100%.

0.0%	0.0% #E8001A	RGB 232 0 26	#E8001A
16.7%	16.7% #CF031C	RGB 207 3 28	#CF031C
33.3%	33.3% #B7051C	RGB 183 5 28	#B7051C
50.0%	50.0% #9E071C	RGB 158 7 28	#9E071C
66.7%	66.7% #86081A	RGB 134 8 26	#86081A
83.3%	83.3% #6D0817	RGB 109 8 23	#6D0817
100.0%	100.0% #550814	RGB 85 8 20	#550814

#E8001A #CF031C #B7051C #9E071C #86081A #6D0817 #550814

#E8001B - #9E071C - #550814

CSS codes

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

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