#A2BAA2 - #50924C | 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 #A2BAA2 to #50924C

#A2BAA2 #50924C

Calculate the color between two colors, #A2BAA2 and #50924C. 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)

#A2BAA2 - #50924C | 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 #A2BAA2 as 0% and #50924C as 100%.

0.0%	0.0% #A2BAA2	RGB 162 186 162	#A2BAA2
16.7%	16.7% #94B393	RGB 148 179 147	#94B393
33.3%	33.3% #86AC85	RGB 134 172 133	#86AC85
50.0%	50.0% #79A677	RGB 121 166 119	#79A677
66.7%	66.7% #6B9F68	RGB 107 159 104	#6B9F68
83.3%	83.3% #5D985A	RGB 93 152 90	#5D985A
100.0%	100.0% #50924C	RGB 80 146 76	#50924C

#A2BAA2 #94B393 #86AC85 #79A677 #6B9F68 #5D985A #50924C

#A2BAA2 - #50924C

HSV Blend

#A2BAA2 - #50924C | 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 #A2BAA2 as 0% and #50924C as 100%.

0.0%	0.0% #A2BAA2	RGB 162 186 162	#A2BAA2
16.7%	16.7% #92B391	RGB 146 179 145	#92B391
33.3%	33.3% #83AC82	RGB 131 172 130	#83AC82
50.0%	50.0% #74A673	RGB 116 166 115	#74A673
66.7%	66.7% #679F65	RGB 103 159 101	#679F65
83.3%	83.3% #5B9858	RGB 91 152 88	#5B9858
100.0%	100.0% #50924C	RGB 80 146 76	#50924C

#A2BAA2 #92B391 #83AC82 #74A673 #679F65 #5B9858 #50924C

#A2BAA2 - #74A673 - #50924C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2BAA2 0%, #74A673 50%, #50924C 100%);
    background: -webkit-linear-gradient(top, #A2BAA2 0%, #74A673 50%, #50924C 100%);
    background: linear-gradient(to bottom, #A2BAA2 0%, #74A673 50%, #50924C 100%);
}
</style>