#756C5E - #5A3A15 | 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 #756C5E to #5A3A15

#756C5E #5A3A15

Calculate the color between two colors, #756C5E and #5A3A15. 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)

#756C5E - #5A3A15 | 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 #756C5E as 0% and #5A3A15 as 100%.

0.0%	0.0% #756C5E	RGB 117 108 94	#756C5E
16.7%	16.7% #706351	RGB 112 99 81	#706351
33.3%	33.3% #6C5B45	RGB 108 91 69	#6C5B45
50.0%	50.0% #675339	RGB 103 83 57	#675339
66.7%	66.7% #634A2D	RGB 99 74 45	#634A2D
83.3%	83.3% #5E4221	RGB 94 66 33	#5E4221
100.0%	100.0% #5A3A15	RGB 90 58 21	#5A3A15

#756C5E #706351 #6C5B45 #675339 #634A2D #5E4221 #5A3A15

#756C5E - #5A3A15

HSV Blend

#756C5E - #5A3A15 | 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 #756C5E as 0% and #5A3A15 as 100%.

0.0%	0.0% #756C5E	RGB 117 108 94	#756C5E
16.7%	16.7% #70634F	RGB 112 99 79	#70634F
33.3%	33.3% #6C5A42	RGB 108 90 66	#6C5A42
50.0%	50.0% #675235	RGB 103 82 53	#675235
66.7%	66.7% #634929	RGB 99 73 41	#634929
83.3%	83.3% #5E411F	RGB 94 65 31	#5E411F
100.0%	100.0% #5A3A15	RGB 90 58 21	#5A3A15

#756C5E #70634F #6C5A42 #675235 #634929 #5E411F #5A3A15

#756C5E - #675235 - #5A3A15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #756C5E 0%, #675235 50%, #5A3A15 100%);
    background: -webkit-linear-gradient(top, #756C5E 0%, #675235 50%, #5A3A15 100%);
    background: linear-gradient(to bottom, #756C5E 0%, #675235 50%, #5A3A15 100%);
}
</style>