#966D5E - #583A1F | 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 #966D5E to #583A1F

#966D5E #583A1F

Calculate the color between two colors, #966D5E and #583A1F. 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)

#966D5E - #583A1F | 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 #966D5E as 0% and #583A1F as 100%.

0.0%	0.0% #966D5E	RGB 150 109 94	#966D5E
16.7%	16.7% #8B6453	RGB 139 100 83	#8B6453
33.3%	33.3% #815C49	RGB 129 92 73	#815C49
50.0%	50.0% #77533E	RGB 119 83 62	#77533E
66.7%	66.7% #6C4B34	RGB 108 75 52	#6C4B34
83.3%	83.3% #624229	RGB 98 66 41	#624229
100.0%	100.0% #583A1F	RGB 88 58 31	#583A1F

#966D5E #8B6453 #815C49 #77533E #6C4B34 #624229 #583A1F

#966D5E - #583A1F

HSV Blend

#966D5E - #583A1F | 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 #966D5E as 0% and #583A1F as 100%.

0.0%	0.0% #966D5E	RGB 150 109 94	#966D5E
16.7%	16.7% #8B6251	RGB 139 98 81	#8B6251
33.3%	33.3% #815945	RGB 129 89 69	#815945
50.0%	50.0% #77503A	RGB 119 80 58	#77503A
66.7%	66.7% #6C4830	RGB 108 72 48	#6C4830
83.3%	83.3% #624127	RGB 98 65 39	#624127
100.0%	100.0% #583A1F	RGB 88 58 31	#583A1F

#966D5E #8B6251 #815945 #77503A #6C4830 #624127 #583A1F

#966D5E - #77503A - #583A1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #966D5E 0%, #77503A 50%, #583A1F 100%);
    background: -webkit-linear-gradient(top, #966D5E 0%, #77503A 50%, #583A1F 100%);
    background: linear-gradient(to bottom, #966D5E 0%, #77503A 50%, #583A1F 100%);
}
</style>