#210007 - #55262A | 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 #210007 to #55262A

#210007 #55262A

Calculate the color between two colors, #210007 and #55262A. 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)

#210007 - #55262A | 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 #210007 as 0% and #55262A as 100%.

0.0%	0.0% #210007	RGB 33 0 7	#210007
16.7%	16.7% #29060C	RGB 41 6 12	#29060C
33.3%	33.3% #320C12	RGB 50 12 18	#320C12
50.0%	50.0% #3B1318	RGB 59 19 24	#3B1318
66.7%	66.7% #43191E	RGB 67 25 30	#43191E
83.3%	83.3% #4C1F24	RGB 76 31 36	#4C1F24
100.0%	100.0% #55262A	RGB 85 38 42	#55262A

#210007 #29060C #320C12 #3B1318 #43191E #4C1F24 #55262A

#210007 - #55262A

HSV Blend

#210007 - #55262A | 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 #210007 as 0% and #55262A as 100%.

0.0%	0.0% #210007	RGB 33 0 7	#210007
16.7%	16.7% #29030A	RGB 41 3 10	#29030A
33.3%	33.3% #32070E	RGB 50 7 14	#32070E
50.0%	50.0% #3B0D13	RGB 59 13 19	#3B0D13
66.7%	66.7% #43141A	RGB 67 20 26	#43141A
83.3%	83.3% #4C1C21	RGB 76 28 33	#4C1C21
100.0%	100.0% #55262A	RGB 85 38 42	#55262A

#210007 #29030A #32070E #3B0D13 #43141A #4C1C21 #55262A

#210007 - #3B0D13 - #55262A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210007 0%, #3B0D13 50%, #55262A 100%);
    background: -webkit-linear-gradient(top, #210007 0%, #3B0D13 50%, #55262A 100%);
    background: linear-gradient(to bottom, #210007 0%, #3B0D13 50%, #55262A 100%);
}
</style>