#A1C46C - #FFCA8C | 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 #A1C46C to #FFCA8C

#A1C46C #FFCA8C

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

#A1C46C - #FFCA8C | 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 #A1C46C as 0% and #FFCA8C as 100%.

0.0%	0.0% #A1C46C	RGB 161 196 108	#A1C46C
16.7%	16.7% #B0C571	RGB 176 197 113	#B0C571
33.3%	33.3% #C0C676	RGB 192 198 118	#C0C676
50.0%	50.0% #D0C77C	RGB 208 199 124	#D0C77C
66.7%	66.7% #DFC881	RGB 223 200 129	#DFC881
83.3%	83.3% #EFC986	RGB 239 201 134	#EFC986
100.0%	100.0% #FFCA8C	RGB 255 202 140	#FFCA8C

#A1C46C #B0C571 #C0C676 #D0C77C #DFC881 #EFC986 #FFCA8C

#A1C46C - #FFCA8C

HSV Blend

#A1C46C - #FFCA8C | 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 #A1C46C as 0% and #FFCA8C as 100%.

0.0%	0.0% #A1C46C	RGB 161 196 108	#A1C46C
16.7%	16.7% #B6CD71	RGB 182 205 113	#B6CD71
33.3%	33.3% #CCD776	RGB 204 215 118	#CCD776
50.0%	50.0% #E1DE7C	RGB 225 222 124	#E1DE7C
66.7%	66.7% #EBD881	RGB 235 216 129	#EBD881
83.3%	83.3% #F5D286	RGB 245 210 134	#F5D286
100.0%	100.0% #FFCA8C	RGB 255 202 140	#FFCA8C

#A1C46C #B6CD71 #CCD776 #E1DE7C #EBD881 #F5D286 #FFCA8C

#A1C46C - #E1DE7C - #FFCA8C

CSS codes

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

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