#A0D650 - #FFB17E | 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 #A0D650 to #FFB17E

#A0D650 #FFB17E

Calculate the color between two colors, #A0D650 and #FFB17E. 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)

#A0D650 - #FFB17E | 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 #A0D650 as 0% and #FFB17E as 100%.

0.0%	0.0% #A0D650	RGB 160 214 80	#A0D650
16.7%	16.7% #AFCF57	RGB 175 207 87	#AFCF57
33.3%	33.3% #BFC95F	RGB 191 201 95	#BFC95F
50.0%	50.0% #CFC367	RGB 207 195 103	#CFC367
66.7%	66.7% #DFBD6E	RGB 223 189 110	#DFBD6E
83.3%	83.3% #EFB776	RGB 239 183 118	#EFB776
100.0%	100.0% #FFB17E	RGB 255 177 126	#FFB17E

#A0D650 #AFCF57 #BFC95F #CFC367 #DFBD6E #EFB776 #FFB17E

#A0D650 - #FFB17E

HSV Blend

#A0D650 - #FFB17E | 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 #A0D650 as 0% and #FFB17E as 100%.

0.0%	0.0% #A0D650	RGB 160 214 80	#A0D650
16.7%	16.7% #BDDC56	RGB 189 220 86	#BDDC56
33.3%	33.3% #DAE35E	RGB 218 227 94	#DAE35E
50.0%	50.0% #EADD65	RGB 234 221 101	#EADD65
66.7%	66.7% #F1CD6D	RGB 241 205 109	#F1CD6D
83.3%	83.3% #F8BF75	RGB 248 191 117	#F8BF75
100.0%	100.0% #FFB17E	RGB 255 177 126	#FFB17E

#A0D650 #BDDC56 #DAE35E #EADD65 #F1CD6D #F8BF75 #FFB17E

#A0D650 - #EADD65 - #FFB17E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0D650 0%, #EADD65 50%, #FFB17E 100%);
    background: -webkit-linear-gradient(top, #A0D650 0%, #EADD65 50%, #FFB17E 100%);
    background: linear-gradient(to bottom, #A0D650 0%, #EADD65 50%, #FFB17E 100%);
}
</style>