#A0FFB2 - #E2FFBC | 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 #A0FFB2 to #E2FFBC

#A0FFB2 #E2FFBC

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

#A0FFB2 - #E2FFBC | 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 #A0FFB2 as 0% and #E2FFBC as 100%.

0.0%	0.0% #A0FFB2	RGB 160 255 178	#A0FFB2
16.7%	16.7% #ABFFB3	RGB 171 255 179	#ABFFB3
33.3%	33.3% #B6FFB5	RGB 182 255 181	#B6FFB5
50.0%	50.0% #C1FFB7	RGB 193 255 183	#C1FFB7
66.7%	66.7% #CCFFB8	RGB 204 255 184	#CCFFB8
83.3%	83.3% #D7FFBA	RGB 215 255 186	#D7FFBA
100.0%	100.0% #E2FFBC	RGB 226 255 188	#E2FFBC

#A0FFB2 #ABFFB3 #B6FFB5 #C1FFB7 #CCFFB8 #D7FFBA #E2FFBC

#A0FFB2 - #E2FFBC

HSV Blend

#A0FFB2 - #E2FFBC | 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 #A0FFB2 as 0% and #E2FFBC as 100%.

0.0%	0.0% #A0FFB2	RGB 160 255 178	#A0FFB2
16.7%	16.7% #A4FFAA	RGB 164 255 170	#A4FFAA
33.3%	33.3% #AEFFA9	RGB 174 255 169	#AEFFA9
50.0%	50.0% #BDFFAE	RGB 189 255 174	#BDFFAE
66.7%	66.7% #CAFFB2	RGB 202 255 178	#CAFFB2
83.3%	83.3% #D6FFB7	RGB 214 255 183	#D6FFB7
100.0%	100.0% #E2FFBC	RGB 226 255 188	#E2FFBC

#A0FFB2 #A4FFAA #AEFFA9 #BDFFAE #CAFFB2 #D6FFB7 #E2FFBC

#A0FFB2 - #BDFFAE - #E2FFBC

CSS codes

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

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