#91714C - #292015 | 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 #91714C to #292015

#91714C #292015

Calculate the color between two colors, #91714C and #292015. 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)

#91714C - #292015 | 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 #91714C as 0% and #292015 as 100%.

0.0%	0.0% #91714C	RGB 145 113 76	#91714C
16.7%	16.7% #7F6342	RGB 127 99 66	#7F6342
33.3%	33.3% #6E5639	RGB 110 86 57	#6E5639
50.0%	50.0% #5D4830	RGB 93 72 48	#5D4830
66.7%	66.7% #4B3B27	RGB 75 59 39	#4B3B27
83.3%	83.3% #3A2D1E	RGB 58 45 30	#3A2D1E
100.0%	100.0% #292015	RGB 41 32 21	#292015

#91714C #7F6342 #6E5639 #5D4830 #4B3B27 #3A2D1E #292015

#91714C - #292015

HSV Blend

#91714C - #292015 | 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 #91714C as 0% and #292015 as 100%.

0.0%	0.0% #91714C	RGB 145 113 76	#91714C
16.7%	16.7% #7F6342	RGB 127 99 66	#7F6342
33.3%	33.3% #6E5639	RGB 110 86 57	#6E5639
50.0%	50.0% #5D4830	RGB 93 72 48	#5D4830
66.7%	66.7% #4B3B27	RGB 75 59 39	#4B3B27
83.3%	83.3% #3A2D1D	RGB 58 45 29	#3A2D1D
100.0%	100.0% #292015	RGB 41 32 21	#292015

#91714C #7F6342 #6E5639 #5D4830 #4B3B27 #3A2D1D #292015

#91714C - #5D4830 - #292015

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91714C 0%, #5D4830 50%, #292015 100%);
    background: -webkit-linear-gradient(top, #91714C 0%, #5D4830 50%, #292015 100%);
    background: linear-gradient(to bottom, #91714C 0%, #5D4830 50%, #292015 100%);
}
</style>