#9C6D5E - #702C18 | 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 #9C6D5E to #702C18

#9C6D5E #702C18

Calculate the color between two colors, #9C6D5E and #702C18. 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)

#9C6D5E - #702C18 | 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 #9C6D5E as 0% and #702C18 as 100%.

0.0%	0.0% #9C6D5E	RGB 156 109 94	#9C6D5E
16.7%	16.7% #946252	RGB 148 98 82	#946252
33.3%	33.3% #8D5746	RGB 141 87 70	#8D5746
50.0%	50.0% #864C3B	RGB 134 76 59	#864C3B
66.7%	66.7% #7E412F	RGB 126 65 47	#7E412F
83.3%	83.3% #773623	RGB 119 54 35	#773623
100.0%	100.0% #702C18	RGB 112 44 24	#702C18

#9C6D5E #946252 #8D5746 #864C3B #7E412F #773623 #702C18

#9C6D5E - #702C18

HSV Blend

#9C6D5E - #702C18 | 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 #9C6D5E as 0% and #702C18 as 100%.

0.0%	0.0% #9C6D5E	RGB 156 109 94	#9C6D5E
16.7%	16.7% #94604F	RGB 148 96 79	#94604F
33.3%	33.3% #8D5442	RGB 141 84 66	#8D5442
50.0%	50.0% #864936	RGB 134 73 54	#864936
66.7%	66.7% #7E3E2B	RGB 126 62 43	#7E3E2B
83.3%	83.3% #773521	RGB 119 53 33	#773521
100.0%	100.0% #702C18	RGB 112 44 24	#702C18

#9C6D5E #94604F #8D5442 #864936 #7E3E2B #773521 #702C18

#9C6D5E - #864936 - #702C18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C6D5E 0%, #864936 50%, #702C18 100%);
    background: -webkit-linear-gradient(top, #9C6D5E 0%, #864936 50%, #702C18 100%);
    background: linear-gradient(to bottom, #9C6D5E 0%, #864936 50%, #702C18 100%);
}
</style>