#992D2D - #5E1209 | 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 #992D2D to #5E1209

#992D2D #5E1209

Calculate the color between two colors, #992D2D and #5E1209. 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)

#992D2D - #5E1209 | 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 #992D2D as 0% and #5E1209 as 100%.

0.0%	0.0% #992D2D	RGB 153 45 45	#992D2D
16.7%	16.7% #8F2827	RGB 143 40 39	#8F2827
33.3%	33.3% #852421	RGB 133 36 33	#852421
50.0%	50.0% #7B1F1B	RGB 123 31 27	#7B1F1B
66.7%	66.7% #711B15	RGB 113 27 21	#711B15
83.3%	83.3% #67160F	RGB 103 22 15	#67160F
100.0%	100.0% #5E1209	RGB 94 18 9	#5E1209

#992D2D #8F2827 #852421 #7B1F1B #711B15 #67160F #5E1209

#992D2D - #5E1209

HSV Blend

#992D2D - #5E1209 | 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 #992D2D as 0% and #5E1209 as 100%.

0.0%	0.0% #992C2C	RGB 153 44 44	#992C2C
16.7%	16.7% #8F2725	RGB 143 39 37	#8F2725
33.3%	33.3% #85221E	RGB 133 34 30	#85221E
50.0%	50.0% #7B1D18	RGB 123 29 24	#7B1D18
66.7%	66.7% #711912	RGB 113 25 18	#711912
83.3%	83.3% #67150D	RGB 103 21 13	#67150D
100.0%	100.0% #5E1209	RGB 94 18 9	#5E1209

#992C2C #8F2725 #85221E #7B1D18 #711912 #67150D #5E1209

#992D2D - #7B1D18 - #5E1209

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #992C2C 0%, #7B1D18 50%, #5E1209 100%);
    background: -webkit-linear-gradient(top, #992C2C 0%, #7B1D18 50%, #5E1209 100%);
    background: linear-gradient(to bottom, #992C2C 0%, #7B1D18 50%, #5E1209 100%);
}
</style>