#715050 - #201616 | 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 #715050 to #201616

#715050 #201616

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

#715050 - #201616 | 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 #715050 as 0% and #201616 as 100%.

0.0%	0.0% #715050	RGB 113 80 80	#715050
16.7%	16.7% #634646	RGB 99 70 70	#634646
33.3%	33.3% #563C3C	RGB 86 60 60	#563C3C
50.0%	50.0% #483333	RGB 72 51 51	#483333
66.7%	66.7% #3B2929	RGB 59 41 41	#3B2929
83.3%	83.3% #2D1F1F	RGB 45 31 31	#2D1F1F
100.0%	100.0% #201616	RGB 32 22 22	#201616

#715050 #634646 #563C3C #483333 #3B2929 #2D1F1F #201616

#715050 - #201616

HSV Blend

#715050 - #201616 | 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 #715050 as 0% and #201616 as 100%.

0.0%	0.0% #715050	RGB 113 80 80	#715050
16.7%	16.7% #634646	RGB 99 70 70	#634646
33.3%	33.3% #563C3C	RGB 86 60 60	#563C3C
50.0%	50.0% #483232	RGB 72 50 50	#483232
66.7%	66.7% #3B2828	RGB 59 40 40	#3B2828
83.3%	83.3% #2D1F1F	RGB 45 31 31	#2D1F1F
100.0%	100.0% #201616	RGB 32 22 22	#201616

#715050 #634646 #563C3C #483232 #3B2828 #2D1F1F #201616

#715050 - #483232 - #201616

CSS codes

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

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