#8C8F8C - #526736 | 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 #8C8F8C to #526736

#8C8F8C #526736

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

#8C8F8C - #526736 | 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 #8C8F8C as 0% and #526736 as 100%.

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #82887D	RGB 130 136 125	#82887D
33.3%	33.3% #78816F	RGB 120 129 111	#78816F
50.0%	50.0% #6F7B61	RGB 111 123 97	#6F7B61
66.7%	66.7% #657452	RGB 101 116 82	#657452
83.3%	83.3% #5B6D44	RGB 91 109 68	#5B6D44
100.0%	100.0% #526736	RGB 82 103 54	#526736

#8C8F8C #82887D #78816F #6F7B61 #657452 #5B6D44 #526736

#8C8F8C - #526736

HSV Blend

#8C8F8C - #526736 | 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 #8C8F8C as 0% and #526736 as 100%.

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #7C887B	RGB 124 136 123	#7C887B
33.3%	33.3% #6F816B	RGB 111 129 107	#6F816B
50.0%	50.0% #657B5C	RGB 101 123 92	#657B5C
66.7%	66.7% #5C744E	RGB 92 116 78	#5C744E
83.3%	83.3% #566D41	RGB 86 109 65	#566D41
100.0%	100.0% #526736	RGB 82 103 54	#526736

#8C8F8C #7C887B #6F816B #657B5C #5C744E #566D41 #526736

#8C8F8C - #657B5C - #526736

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8F8C 0%, #657B5C 50%, #526736 100%);
    background: -webkit-linear-gradient(top, #8C8F8C 0%, #657B5C 50%, #526736 100%);
    background: linear-gradient(to bottom, #8C8F8C 0%, #657B5C 50%, #526736 100%);
}
</style>