#721B33 - #20070E | 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 #721B33 to #20070E

#721B33 #20070E

Calculate the color between two colors, #721B33 and #20070E. 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)

#721B33 - #20070E | 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 #721B33 as 0% and #20070E as 100%.

0.0%	0.0% #721B33	RGB 114 27 51	#721B33
16.7%	16.7% #64172C	RGB 100 23 44	#64172C
33.3%	33.3% #561426	RGB 86 20 38	#561426
50.0%	50.0% #491120	RGB 73 17 32	#491120
66.7%	66.7% #3B0D1A	RGB 59 13 26	#3B0D1A
83.3%	83.3% #2D0A14	RGB 45 10 20	#2D0A14
100.0%	100.0% #20070E	RGB 32 7 14	#20070E

#721B33 #64172C #561426 #491120 #3B0D1A #2D0A14 #20070E

#721B33 - #20070E

HSV Blend

#721B33 - #20070E | 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 #721B33 as 0% and #20070E as 100%.

0.0%	0.0% #721B32	RGB 114 27 50	#721B32
16.7%	16.7% #64172C	RGB 100 23 44	#64172C
33.3%	33.3% #561426	RGB 86 20 38	#561426
50.0%	50.0% #491020	RGB 73 16 32	#491020
66.7%	66.7% #3B0D1A	RGB 59 13 26	#3B0D1A
83.3%	83.3% #2D0A14	RGB 45 10 20	#2D0A14
100.0%	100.0% #20070E	RGB 32 7 14	#20070E

#721B32 #64172C #561426 #491020 #3B0D1A #2D0A14 #20070E

#721B33 - #491020 - #20070E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #721B32 0%, #491020 50%, #20070E 100%);
    background: -webkit-linear-gradient(top, #721B32 0%, #491020 50%, #20070E 100%);
    background: linear-gradient(to bottom, #721B32 0%, #491020 50%, #20070E 100%);
}
</style>