#AEE2D9 - #42B6AC | 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 #AEE2D9 to #42B6AC

#AEE2D9 #42B6AC

Calculate the color between two colors, #AEE2D9 and #42B6AC. 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)

#AEE2D9 - #42B6AC | 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 #AEE2D9 as 0% and #42B6AC as 100%.

0.0%	0.0% #AEE2D9	RGB 174 226 217	#AEE2D9
16.7%	16.7% #9CDAD1	RGB 156 218 209	#9CDAD1
33.3%	33.3% #8AD3CA	RGB 138 211 202	#8AD3CA
50.0%	50.0% #78CCC2	RGB 120 204 194	#78CCC2
66.7%	66.7% #66C4BB	RGB 102 196 187	#66C4BB
83.3%	83.3% #54BDB3	RGB 84 189 179	#54BDB3
100.0%	100.0% #42B6AC	RGB 66 182 172	#42B6AC

#AEE2D9 #9CDAD1 #8AD3CA #78CCC2 #66C4BB #54BDB3 #42B6AC

#AEE2D9 - #42B6AC

HSV Blend

#AEE2D9 - #42B6AC | 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 #AEE2D9 as 0% and #42B6AC as 100%.

0.0%	0.0% #AEE2D9	RGB 174 226 217	#AEE2D9
16.7%	16.7% #99DAD0	RGB 153 218 208	#99DAD0
33.3%	33.3% #86D3C8	RGB 134 211 200	#86D3C8
50.0%	50.0% #73CCC0	RGB 115 204 192	#73CCC0
66.7%	66.7% #62C4B9	RGB 98 196 185	#62C4B9
83.3%	83.3% #51BDB2	RGB 81 189 178	#51BDB2
100.0%	100.0% #42B6AC	RGB 66 182 172	#42B6AC

#AEE2D9 #99DAD0 #86D3C8 #73CCC0 #62C4B9 #51BDB2 #42B6AC

#AEE2D9 - #73CCC0 - #42B6AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEE2D9 0%, #73CCC0 50%, #42B6AC 100%);
    background: -webkit-linear-gradient(top, #AEE2D9 0%, #73CCC0 50%, #42B6AC 100%);
    background: linear-gradient(to bottom, #AEE2D9 0%, #73CCC0 50%, #42B6AC 100%);
}
</style>