#A1B5A1 - #4E8C4B | 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 #A1B5A1 to #4E8C4B

#A1B5A1 #4E8C4B

Calculate the color between two colors, #A1B5A1 and #4E8C4B. 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)

#A1B5A1 - #4E8C4B | 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 #A1B5A1 as 0% and #4E8C4B as 100%.

0.0%	0.0% #A1B5A1	RGB 161 181 161	#A1B5A1
16.7%	16.7% #93AE92	RGB 147 174 146	#93AE92
33.3%	33.3% #85A784	RGB 133 167 132	#85A784
50.0%	50.0% #77A076	RGB 119 160 118	#77A076
66.7%	66.7% #699967	RGB 105 153 103	#699967
83.3%	83.3% #5B9259	RGB 91 146 89	#5B9259
100.0%	100.0% #4E8C4B	RGB 78 140 75	#4E8C4B

#A1B5A1 #93AE92 #85A784 #77A076 #699967 #5B9259 #4E8C4B

#A1B5A1 - #4E8C4B

HSV Blend

#A1B5A1 - #4E8C4B | 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 #A1B5A1 as 0% and #4E8C4B as 100%.

0.0%	0.0% #A1B5A1	RGB 161 181 161	#A1B5A1
16.7%	16.7% #90AE90	RGB 144 174 144	#90AE90
33.3%	33.3% #81A781	RGB 129 167 129	#81A781
50.0%	50.0% #73A072	RGB 115 160 114	#73A072
66.7%	66.7% #669964	RGB 102 153 100	#669964
83.3%	83.3% #599257	RGB 89 146 87	#599257
100.0%	100.0% #4E8C4B	RGB 78 140 75	#4E8C4B

#A1B5A1 #90AE90 #81A781 #73A072 #669964 #599257 #4E8C4B

#A1B5A1 - #73A072 - #4E8C4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1B5A1 0%, #73A072 50%, #4E8C4B 100%);
    background: -webkit-linear-gradient(top, #A1B5A1 0%, #73A072 50%, #4E8C4B 100%);
    background: linear-gradient(to bottom, #A1B5A1 0%, #73A072 50%, #4E8C4B 100%);
}
</style>