#AFDA9F - #61B84C | 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 #AFDA9F to #61B84C

#AFDA9F #61B84C

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

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

0.0%	0.0% #AFDA9F	RGB 175 218 159	#AFDA9F
16.7%	16.7% #A2D491	RGB 162 212 145	#A2D491
33.3%	33.3% #95CE83	RGB 149 206 131	#95CE83
50.0%	50.0% #88C975	RGB 136 201 117	#88C975
66.7%	66.7% #7BC367	RGB 123 195 103	#7BC367
83.3%	83.3% #6EBD59	RGB 110 189 89	#6EBD59
100.0%	100.0% #61B84C	RGB 97 184 76	#61B84C

#AFDA9F #A2D491 #95CE83 #88C975 #7BC367 #6EBD59 #61B84C

#AFDA9F - #61B84C

HSV Blend

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

0.0%	0.0% #AFDA9F	RGB 175 218 159	#AFDA9F
16.7%	16.7% #A1D48F	RGB 161 212 143	#A1D48F
33.3%	33.3% #94CE80	RGB 148 206 128	#94CE80
50.0%	50.0% #86C972	RGB 134 201 114	#86C972
66.7%	66.7% #79C365	RGB 121 195 101	#79C365
83.3%	83.3% #6DBD58	RGB 109 189 88	#6DBD58
100.0%	100.0% #61B84C	RGB 97 184 76	#61B84C

#AFDA9F #A1D48F #94CE80 #86C972 #79C365 #6DBD58 #61B84C

#AFDA9F - #86C972 - #61B84C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDA9F 0%, #86C972 50%, #61B84C 100%);
    background: -webkit-linear-gradient(top, #AFDA9F 0%, #86C972 50%, #61B84C 100%);
    background: linear-gradient(to bottom, #AFDA9F 0%, #86C972 50%, #61B84C 100%);
}
</style>