#B22222 - #641009 | 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 #B22222 to #641009

#B22222 #641009

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

#B22222 - #641009 | 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 #B22222 as 0% and #641009 as 100%.

0.0%	0.0% #B22222	RGB 178 34 34	#B22222
16.7%	16.7% #A51F1D	RGB 165 31 29	#A51F1D
33.3%	33.3% #981C19	RGB 152 28 25	#981C19
50.0%	50.0% #8B1915	RGB 139 25 21	#8B1915
66.7%	66.7% #7E1611	RGB 126 22 17	#7E1611
83.3%	83.3% #71130D	RGB 113 19 13	#71130D
100.0%	100.0% #641009	RGB 100 16 9	#641009

#B22222 #A51F1D #981C19 #8B1915 #7E1611 #71130D #641009

#B22222 - #641009

HSV Blend

#B22222 - #641009 | 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 #B22222 as 0% and #641009 as 100%.

0.0%	0.0% #B22222	RGB 178 34 34	#B22222
16.7%	16.7% #A51E1C	RGB 165 30 28	#A51E1C
33.3%	33.3% #981B17	RGB 152 27 23	#981B17
50.0%	50.0% #8B1813	RGB 139 24 19	#8B1813
66.7%	66.7% #7E150F	RGB 126 21 15	#7E150F
83.3%	83.3% #71120C	RGB 113 18 12	#71120C
100.0%	100.0% #641009	RGB 100 16 9	#641009

#B22222 #A51E1C #981B17 #8B1813 #7E150F #71120C #641009

#B22222 - #8B1813 - #641009

CSS codes

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

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