#A8D67C - #61AE30 | 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 #A8D67C to #61AE30

#A8D67C #61AE30

Calculate the color between two colors, #A8D67C and #61AE30. 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)

#A8D67C - #61AE30 | 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 #A8D67C as 0% and #61AE30 as 100%.

0.0%	0.0% #A8D67C	RGB 168 214 124	#A8D67C
16.7%	16.7% #9CCF6F	RGB 156 207 111	#9CCF6F
33.3%	33.3% #90C862	RGB 144 200 98	#90C862
50.0%	50.0% #84C256	RGB 132 194 86	#84C256
66.7%	66.7% #78BB49	RGB 120 187 73	#78BB49
83.3%	83.3% #6CB43C	RGB 108 180 60	#6CB43C
100.0%	100.0% #61AE30	RGB 97 174 48	#61AE30

#A8D67C #9CCF6F #90C862 #84C256 #78BB49 #6CB43C #61AE30

#A8D67C - #61AE30

HSV Blend

#A8D67C - #61AE30 | 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 #A8D67C as 0% and #61AE30 as 100%.

0.0%	0.0% #A8D67C	RGB 168 214 124	#A8D67C
16.7%	16.7% #9BCF6D	RGB 155 207 109	#9BCF6D
33.3%	33.3% #8FC85F	RGB 143 200 95	#8FC85F
50.0%	50.0% #83C252	RGB 131 194 82	#83C252
66.7%	66.7% #77BB46	RGB 119 187 70	#77BB46
83.3%	83.3% #6CB43A	RGB 108 180 58	#6CB43A
100.0%	100.0% #61AE30	RGB 97 174 48	#61AE30

#A8D67C #9BCF6D #8FC85F #83C252 #77BB46 #6CB43A #61AE30

#A8D67C - #83C252 - #61AE30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D67C 0%, #83C252 50%, #61AE30 100%);
    background: -webkit-linear-gradient(top, #A8D67C 0%, #83C252 50%, #61AE30 100%);
    background: linear-gradient(to bottom, #A8D67C 0%, #83C252 50%, #61AE30 100%);
}
</style>