#A8DB6D - #61B326 | 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 #A8DB6D to #61B326

#A8DB6D #61B326

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

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

0.0%	0.0% #A8DB6D	RGB 168 219 109	#A8DB6D
16.7%	16.7% #9CD461	RGB 156 212 97	#9CD461
33.3%	33.3% #90CD55	RGB 144 205 85	#90CD55
50.0%	50.0% #84C749	RGB 132 199 73	#84C749
66.7%	66.7% #78C03D	RGB 120 192 61	#78C03D
83.3%	83.3% #6CB931	RGB 108 185 49	#6CB931
100.0%	100.0% #61B326	RGB 97 179 38	#61B326

#A8DB6D #9CD461 #90CD55 #84C749 #78C03D #6CB931 #61B326

#A8DB6D - #61B326

HSV Blend

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

0.0%	0.0% #A8DB6D	RGB 168 219 109	#A8DB6D
16.7%	16.7% #9BD45F	RGB 155 212 95	#9BD45F
33.3%	33.3% #8FCD52	RGB 143 205 82	#8FCD52
50.0%	50.0% #83C746	RGB 131 199 70	#83C746
66.7%	66.7% #78C03B	RGB 120 192 59	#78C03B
83.3%	83.3% #6CB930	RGB 108 185 48	#6CB930
100.0%	100.0% #61B326	RGB 97 179 38	#61B326

#A8DB6D #9BD45F #8FCD52 #83C746 #78C03B #6CB930 #61B326

#A8DB6D - #83C746 - #61B326

CSS codes

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

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