#7F525C - #B5E795 | 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 #7F525C to #B5E795

#7F525C #B5E795

Calculate the color between two colors, #7F525C and #B5E795. 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)

#7F525C - #B5E795 | 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 #7F525C as 0% and #B5E795 as 100%.

0.0%	0.0% #7F525C	RGB 127 82 92	#7F525C
16.7%	16.7% #886A65	RGB 136 106 101	#886A65
33.3%	33.3% #91836F	RGB 145 131 111	#91836F
50.0%	50.0% #9A9C78	RGB 154 156 120	#9A9C78
66.7%	66.7% #A3B582	RGB 163 181 130	#A3B582
83.3%	83.3% #ACCE8B	RGB 172 206 139	#ACCE8B
100.0%	100.0% #B5E795	RGB 181 231 149	#B5E795

#7F525C #886A65 #91836F #9A9C78 #A3B582 #ACCE8B #B5E795

#7F525C - #B5E795

HSV Blend

#7F525C - #B5E795 | 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 #7F525C as 0% and #B5E795 as 100%.

0.0%	0.0% #7F525C	RGB 127 82 92	#7F525C
16.7%	16.7% #90615D	RGB 144 97 93	#90615D
33.3%	33.3% #A17E68	RGB 161 126 104	#A17E68
50.0%	50.0% #B39F73	RGB 179 159 115	#B39F73
66.7%	66.7% #C4C47E	RGB 196 196 126	#C4C47E
83.3%	83.3% #BED589	RGB 190 213 137	#BED589
100.0%	100.0% #B5E795	RGB 181 231 149	#B5E795

#7F525C #90615D #A17E68 #B39F73 #C4C47E #BED589 #B5E795

#7F525C - #B39F73 - #B5E795

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F525C 0%, #B39F73 50%, #B5E795 100%);
    background: -webkit-linear-gradient(top, #7F525C 0%, #B39F73 50%, #B5E795 100%);
    background: linear-gradient(to bottom, #7F525C 0%, #B39F73 50%, #B5E795 100%);
}
</style>