#A0FFE3 - #E2FFB5 | 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 #A0FFE3 to #E2FFB5

#A0FFE3 #E2FFB5

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

#A0FFE3 - #E2FFB5 | 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 #A0FFE3 as 0% and #E2FFB5 as 100%.

0.0%	0.0% #A0FFE3	RGB 160 255 227	#A0FFE3
16.7%	16.7% #ABFFDB	RGB 171 255 219	#ABFFDB
33.3%	33.3% #B6FFD3	RGB 182 255 211	#B6FFD3
50.0%	50.0% #C1FFCC	RGB 193 255 204	#C1FFCC
66.7%	66.7% #CCFFC4	RGB 204 255 196	#CCFFC4
83.3%	83.3% #D7FFBC	RGB 215 255 188	#D7FFBC
100.0%	100.0% #E2FFB5	RGB 226 255 181	#E2FFB5

#A0FFE3 #ABFFDB #B6FFD3 #C1FFCC #CCFFC4 #D7FFBC #E2FFB5

#A0FFE3 - #E2FFB5

HSV Blend

#A0FFE3 - #E2FFB5 | 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 #A0FFE3 as 0% and #E2FFB5 as 100%.

0.0%	0.0% #A0FFE3	RGB 160 255 227	#A0FFE3
16.7%	16.7% #A3FFD0	RGB 163 255 208	#A3FFD0
33.3%	33.3% #A7FFBE	RGB 167 255 190	#A7FFBE
50.0%	50.0% #AAFFAE	RGB 170 255 174	#AAFFAE
66.7%	66.7% #BBFFAE	RGB 187 255 174	#BBFFAE
83.3%	83.3% #CFFFB1	RGB 207 255 177	#CFFFB1
100.0%	100.0% #E2FFB5	RGB 226 255 181	#E2FFB5

#A0FFE3 #A3FFD0 #A7FFBE #AAFFAE #BBFFAE #CFFFB1 #E2FFB5

#A0FFE3 - #AAFFAE - #E2FFB5

CSS codes

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

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