#A8CAA2 - #50994D | 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 #A8CAA2 to #50994D

#A8CAA2 #50994D

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

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

0.0%	0.0% #A8CAA2	RGB 168 202 162	#A8CAA2
16.7%	16.7% #99C193	RGB 153 193 147	#99C193
33.3%	33.3% #8AB985	RGB 138 185 133	#8AB985
50.0%	50.0% #7CB177	RGB 124 177 119	#7CB177
66.7%	66.7% #6DA969	RGB 109 169 105	#6DA969
83.3%	83.3% #5EA15B	RGB 94 161 91	#5EA15B
100.0%	100.0% #50994D	RGB 80 153 77	#50994D

#A8CAA2 #99C193 #8AB985 #7CB177 #6DA969 #5EA15B #50994D

#A8CAA2 - #50994D

HSV Blend

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

0.0%	0.0% #A8CAA2	RGB 168 202 162	#A8CAA2
16.7%	16.7% #98C191	RGB 152 193 145	#98C191
33.3%	33.3% #88B982	RGB 136 185 130	#88B982
50.0%	50.0% #79B173	RGB 121 177 115	#79B173
66.7%	66.7% #6BA966	RGB 107 169 102	#6BA966
83.3%	83.3% #5DA159	RGB 93 161 89	#5DA159
100.0%	100.0% #50994D	RGB 80 153 77	#50994D

#A8CAA2 #98C191 #88B982 #79B173 #6BA966 #5DA159 #50994D

#A8CAA2 - #79B173 - #50994D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CAA2 0%, #79B173 50%, #50994D 100%);
    background: -webkit-linear-gradient(top, #A8CAA2 0%, #79B173 50%, #50994D 100%);
    background: linear-gradient(to bottom, #A8CAA2 0%, #79B173 50%, #50994D 100%);
}
</style>