#726D5E - #553D15 | 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 #726D5E to #553D15

#726D5E #553D15

Calculate the color between two colors, #726D5E and #553D15. 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)

#726D5E - #553D15 | 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 #726D5E as 0% and #553D15 as 100%.

0.0%	0.0% #726D5E	RGB 114 109 94	#726D5E
16.7%	16.7% #6D6551	RGB 109 101 81	#6D6551
33.3%	33.3% #685D45	RGB 104 93 69	#685D45
50.0%	50.0% #635539	RGB 99 85 57	#635539
66.7%	66.7% #5E4D2D	RGB 94 77 45	#5E4D2D
83.3%	83.3% #594521	RGB 89 69 33	#594521
100.0%	100.0% #553D15	RGB 85 61 21	#553D15

#726D5E #6D6551 #685D45 #635539 #5E4D2D #594521 #553D15

#726D5E - #553D15

HSV Blend

#726D5E - #553D15 | 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 #726D5E as 0% and #553D15 as 100%.

0.0%	0.0% #726D5E	RGB 114 109 94	#726D5E
16.7%	16.7% #6D654F	RGB 109 101 79	#6D654F
33.3%	33.3% #685D41	RGB 104 93 65	#685D41
50.0%	50.0% #635535	RGB 99 85 53	#635535
66.7%	66.7% #5E4C29	RGB 94 76 41	#5E4C29
83.3%	83.3% #59441E	RGB 89 68 30	#59441E
100.0%	100.0% #553D15	RGB 85 61 21	#553D15

#726D5E #6D654F #685D41 #635535 #5E4C29 #59441E #553D15

#726D5E - #635535 - #553D15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #726D5E 0%, #635535 50%, #553D15 100%);
    background: -webkit-linear-gradient(top, #726D5E 0%, #635535 50%, #553D15 100%);
    background: linear-gradient(to bottom, #726D5E 0%, #635535 50%, #553D15 100%);
}
</style>