#A2FFAA - #EFCCC6 | 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 #A2FFAA to #EFCCC6

#A2FFAA #EFCCC6

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

#A2FFAA - #EFCCC6 | 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 #A2FFAA as 0% and #EFCCC6 as 100%.

0.0%	0.0% #A2FFAA	RGB 162 255 170	#A2FFAA
16.7%	16.7% #AEF6AE	RGB 174 246 174	#AEF6AE
33.3%	33.3% #BBEEB3	RGB 187 238 179	#BBEEB3
50.0%	50.0% #C8E5B8	RGB 200 229 184	#C8E5B8
66.7%	66.7% #D5DDBC	RGB 213 221 188	#D5DDBC
83.3%	83.3% #E2D4C1	RGB 226 212 193	#E2D4C1
100.0%	100.0% #EFCCC6	RGB 239 204 198	#EFCCC6

#A2FFAA #AEF6AE #BBEEB3 #C8E5B8 #D5DDBC #E2D4C1 #EFCCC6

#A2FFAA - #EFCCC6

HSV Blend

#A2FFAA - #EFCCC6 | 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 #A2FFAA as 0% and #EFCCC6 as 100%.

0.0%	0.0% #A2FFAA	RGB 162 255 170	#A2FFAA
16.7%	16.7% #BCFCA8	RGB 188 252 168	#BCFCA8
33.3%	33.3% #D8F9AE	RGB 216 249 174	#D8F9AE
50.0%	50.0% #EFF7B4	RGB 239 247 180	#EFF7B4
66.7%	66.7% #F4E8BA	RGB 244 232 186	#F4E8BA
83.3%	83.3% #F1D7C0	RGB 241 215 192	#F1D7C0
100.0%	100.0% #EFCCC6	RGB 239 204 198	#EFCCC6

#A2FFAA #BCFCA8 #D8F9AE #EFF7B4 #F4E8BA #F1D7C0 #EFCCC6

#A2FFAA - #EFF7B4 - #EFCCC6

CSS codes

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

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