#A2BBA2 - #50934D | 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 #A2BBA2 to #50934D

#A2BBA2 #50934D

Calculate the color between two colors, #A2BBA2 and #50934D. 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)

#A2BBA2 - #50934D | 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 #A2BBA2 as 0% and #50934D as 100%.

0.0%	0.0% #A2BBA2	RGB 162 187 162	#A2BBA2
16.7%	16.7% #94B493	RGB 148 180 147	#94B493
33.3%	33.3% #86AD85	RGB 134 173 133	#86AD85
50.0%	50.0% #79A777	RGB 121 167 119	#79A777
66.7%	66.7% #6BA069	RGB 107 160 105	#6BA069
83.3%	83.3% #5D995B	RGB 93 153 91	#5D995B
100.0%	100.0% #50934D	RGB 80 147 77	#50934D

#A2BBA2 #94B493 #86AD85 #79A777 #6BA069 #5D995B #50934D

#A2BBA2 - #50934D

HSV Blend

#A2BBA2 - #50934D | 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 #A2BBA2 as 0% and #50934D as 100%.

0.0%	0.0% #A2BBA2	RGB 162 187 162	#A2BBA2
16.7%	16.7% #92B491	RGB 146 180 145	#92B491
33.3%	33.3% #83AD82	RGB 131 173 130	#83AD82
50.0%	50.0% #75A774	RGB 117 167 116	#75A774
66.7%	66.7% #67A066	RGB 103 160 102	#67A066
83.3%	83.3% #5B9959	RGB 91 153 89	#5B9959
100.0%	100.0% #50934D	RGB 80 147 77	#50934D

#A2BBA2 #92B491 #83AD82 #75A774 #67A066 #5B9959 #50934D

#A2BBA2 - #75A774 - #50934D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2BBA2 0%, #75A774 50%, #50934D 100%);
    background: -webkit-linear-gradient(top, #A2BBA2 0%, #75A774 50%, #50934D 100%);
    background: linear-gradient(to bottom, #A2BBA2 0%, #75A774 50%, #50934D 100%);
}
</style>