#8F9377 - #525E26 | 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 #8F9377 to #525E26

#8F9377 #525E26

Calculate the color between two colors, #8F9377 and #525E26. 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)

#8F9377 - #525E26 | 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 #8F9377 as 0% and #525E26 as 100%.

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A69	RGB 132 138 105	#848A69
33.3%	33.3% #7A815C	RGB 122 129 92	#7A815C
50.0%	50.0% #70784E	RGB 112 120 78	#70784E
66.7%	66.7% #666F41	RGB 102 111 65	#666F41
83.3%	83.3% #5C6633	RGB 92 102 51	#5C6633
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A69 #7A815C #70784E #666F41 #5C6633 #525E26

#8F9377 - #525E26

HSV Blend

#8F9377 - #525E26 | 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 #8F9377 as 0% and #525E26 as 100%.

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A66	RGB 132 138 102	#848A66
33.3%	33.3% #7A8157	RGB 122 129 87	#7A8157
50.0%	50.0% #707849	RGB 112 120 73	#707849
66.7%	66.7% #656F3C	RGB 101 111 60	#656F3C
83.3%	83.3% #5B6630	RGB 91 102 48	#5B6630
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A66 #7A8157 #707849 #656F3C #5B6630 #525E26

#8F9377 - #707849 - #525E26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9377 0%, #707849 50%, #525E26 100%);
    background: -webkit-linear-gradient(top, #8F9377 0%, #707849 50%, #525E26 100%);
    background: linear-gradient(to bottom, #8F9377 0%, #707849 50%, #525E26 100%);
}
</style>