#A0FFBA - #FFECB9 | 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 #A0FFBA to #FFECB9

#A0FFBA #FFECB9

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

#A0FFBA - #FFECB9 | 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 #A0FFBA as 0% and #FFECB9 as 100%.

0.0%	0.0% #A0FFBA	RGB 160 255 186	#A0FFBA
16.7%	16.7% #AFFBB9	RGB 175 251 185	#AFFBB9
33.3%	33.3% #BFF8B9	RGB 191 248 185	#BFF8B9
50.0%	50.0% #CFF5B9	RGB 207 245 185	#CFF5B9
66.7%	66.7% #DFF2B9	RGB 223 242 185	#DFF2B9
83.3%	83.3% #EFEFB9	RGB 239 239 185	#EFEFB9
100.0%	100.0% #FFECB9	RGB 255 236 185	#FFECB9

#A0FFBA #AFFBB9 #BFF8B9 #CFF5B9 #DFF2B9 #EFEFB9 #FFECB9

#A0FFBA - #FFECB9

HSV Blend

#A0FFBA - #FFECB9 | 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 #A0FFBA as 0% and #FFECB9 as 100%.

0.0%	0.0% #A0FFBA	RGB 160 255 186	#A0FFBA
16.7%	16.7% #A4FFA5	RGB 164 255 165	#A4FFA5
33.3%	33.3% #BDFFA8	RGB 189 255 168	#BDFFA8
50.0%	50.0% #D5FFAC	RGB 213 255 172	#D5FFAC
66.7%	66.7% #EBFFB0	RGB 235 255 176	#EBFFB0
83.3%	83.3% #FFFDB4	RGB 255 253 180	#FFFDB4
100.0%	100.0% #FFECB9	RGB 255 236 185	#FFECB9

#A0FFBA #A4FFA5 #BDFFA8 #D5FFAC #EBFFB0 #FFFDB4 #FFECB9

#A0FFBA - #D5FFAC - #FFECB9

CSS codes

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

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