#A8CD5C - #649D1C | 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 #A8CD5C to #649D1C

#A8CD5C #649D1C

Calculate the color between two colors, #A8CD5C and #649D1C. 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)

#A8CD5C - #649D1C | 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 #A8CD5C as 0% and #649D1C as 100%.

0.0%	0.0% #A8CD5C	RGB 168 205 92	#A8CD5C
16.7%	16.7% #9CC551	RGB 156 197 81	#9CC551
33.3%	33.3% #91BD46	RGB 145 189 70	#91BD46
50.0%	50.0% #86B53C	RGB 134 181 60	#86B53C
66.7%	66.7% #7AAD31	RGB 122 173 49	#7AAD31
83.3%	83.3% #6FA526	RGB 111 165 38	#6FA526
100.0%	100.0% #649D1C	RGB 100 157 28	#649D1C

#A8CD5C #9CC551 #91BD46 #86B53C #7AAD31 #6FA526 #649D1C

#A8CD5C - #649D1C

HSV Blend

#A8CD5C - #649D1C | 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 #A8CD5C as 0% and #649D1C as 100%.

0.0%	0.0% #A8CD5C	RGB 168 205 92	#A8CD5C
16.7%	16.7% #9CC54F	RGB 156 197 79	#9CC54F
33.3%	33.3% #90BD43	RGB 144 189 67	#90BD43
50.0%	50.0% #85B538	RGB 133 181 56	#85B538
66.7%	66.7% #79AD2E	RGB 121 173 46	#79AD2E
83.3%	83.3% #6EA524	RGB 110 165 36	#6EA524
100.0%	100.0% #649D1C	RGB 100 157 28	#649D1C

#A8CD5C #9CC54F #90BD43 #85B538 #79AD2E #6EA524 #649D1C

#A8CD5C - #85B538 - #649D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CD5C 0%, #85B538 50%, #649D1C 100%);
    background: -webkit-linear-gradient(top, #A8CD5C 0%, #85B538 50%, #649D1C 100%);
    background: linear-gradient(to bottom, #A8CD5C 0%, #85B538 50%, #649D1C 100%);
}
</style>