#7C7C5E - #A1ED91 | 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 #7C7C5E to #A1ED91

#7C7C5E #A1ED91

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

#7C7C5E - #A1ED91 | 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 #7C7C5E as 0% and #A1ED91 as 100%.

0.0%	0.0% #7C7C5E	RGB 124 124 94	#7C7C5E
16.7%	16.7% #828E66	RGB 130 142 102	#828E66
33.3%	33.3% #88A16F	RGB 136 161 111	#88A16F
50.0%	50.0% #8EB477	RGB 142 180 119	#8EB477
66.7%	66.7% #94C780	RGB 148 199 128	#94C780
83.3%	83.3% #9ADA88	RGB 154 218 136	#9ADA88
100.0%	100.0% #A1ED91	RGB 161 237 145	#A1ED91

#7C7C5E #828E66 #88A16F #8EB477 #94C780 #9ADA88 #A1ED91

#7C7C5E - #A1ED91

HSV Blend

#7C7C5E - #A1ED91 | 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 #7C7C5E as 0% and #A1ED91 as 100%.

0.0%	0.0% #7C7C5E	RGB 124 124 94	#7C7C5E
16.7%	16.7% #898E68	RGB 137 142 104	#898E68
33.3%	33.3% #94A172	RGB 148 161 114	#94A172
50.0%	50.0% #9DB47B	RGB 157 180 123	#9DB47B
66.7%	66.7% #A2C783	RGB 162 199 131	#A2C783
83.3%	83.3% #A3DA8A	RGB 163 218 138	#A3DA8A
100.0%	100.0% #A1ED91	RGB 161 237 145	#A1ED91

#7C7C5E #898E68 #94A172 #9DB47B #A2C783 #A3DA8A #A1ED91

#7C7C5E - #9DB47B - #A1ED91

CSS codes

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

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