#A2EEE1 - #CFE7DC | 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 #A2EEE1 to #CFE7DC

#A2EEE1 #CFE7DC

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

#A2EEE1 - #CFE7DC | 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 #A2EEE1 as 0% and #CFE7DC as 100%.

0.0%	0.0% #A2EEE1	RGB 162 238 225	#A2EEE1
16.7%	16.7% #A9ECE0	RGB 169 236 224	#A9ECE0
33.3%	33.3% #B1EBDF	RGB 177 235 223	#B1EBDF
50.0%	50.0% #B8EADE	RGB 184 234 222	#B8EADE
66.7%	66.7% #C0E9DD	RGB 192 233 221	#C0E9DD
83.3%	83.3% #C7E8DC	RGB 199 232 220	#C7E8DC
100.0%	100.0% #CFE7DC	RGB 207 231 220	#CFE7DC

#A2EEE1 #A9ECE0 #B1EBDF #B8EADE #C0E9DD #C7E8DC #CFE7DC

#A2EEE1 - #CFE7DC

HSV Blend

#A2EEE1 - #CFE7DC | 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 #A2EEE1 as 0% and #CFE7DC as 100%.

0.0%	0.0% #A2EEE1	RGB 162 238 225	#A2EEE1
16.7%	16.7% #A9ECDE	RGB 169 236 222	#A9ECDE
33.3%	33.3% #B1EBDC	RGB 177 235 220	#B1EBDC
50.0%	50.0% #B8EADA	RGB 184 234 218	#B8EADA
66.7%	66.7% #C0E9DA	RGB 192 233 218	#C0E9DA
83.3%	83.3% #C7E8DA	RGB 199 232 218	#C7E8DA
100.0%	100.0% #CFE7DC	RGB 207 231 220	#CFE7DC

#A2EEE1 #A9ECDE #B1EBDC #B8EADA #C0E9DA #C7E8DA #CFE7DC

#A2EEE1 - #B8EADA - #CFE7DC

CSS codes

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

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