#AAEDDF - #3BC7B6 | 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 #AAEDDF to #3BC7B6

#AAEDDF #3BC7B6

Calculate the color between two colors, #AAEDDF and #3BC7B6. 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)

#AAEDDF - #3BC7B6 | 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 #AAEDDF as 0% and #3BC7B6 as 100%.

0.0%	0.0% #AAEDDF	RGB 170 237 223	#AAEDDF
16.7%	16.7% #97E6D8	RGB 151 230 216	#97E6D8
33.3%	33.3% #85E0D1	RGB 133 224 209	#85E0D1
50.0%	50.0% #72DACA	RGB 114 218 202	#72DACA
66.7%	66.7% #60D3C3	RGB 96 211 195	#60D3C3
83.3%	83.3% #4DCDBC	RGB 77 205 188	#4DCDBC
100.0%	100.0% #3BC7B6	RGB 59 199 182	#3BC7B6

#AAEDDF #97E6D8 #85E0D1 #72DACA #60D3C3 #4DCDBC #3BC7B6

#AAEDDF - #3BC7B6

HSV Blend

#AAEDDF - #3BC7B6 | 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 #AAEDDF as 0% and #3BC7B6 as 100%.

0.0%	0.0% #AAEDDF	RGB 170 237 223	#AAEDDF
16.7%	16.7% #95E6D6	RGB 149 230 214	#95E6D6
33.3%	33.3% #81E0CF	RGB 129 224 207	#81E0CF
50.0%	50.0% #6EDAC8	RGB 110 218 200	#6EDAC8
66.7%	66.7% #5CD3C1	RGB 92 211 193	#5CD3C1
83.3%	83.3% #4BCDBB	RGB 75 205 187	#4BCDBB
100.0%	100.0% #3BC7B6	RGB 59 199 182	#3BC7B6

#AAEDDF #95E6D6 #81E0CF #6EDAC8 #5CD3C1 #4BCDBB #3BC7B6

#AAEDDF - #6EDAC8 - #3BC7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAEDDF 0%, #6EDAC8 50%, #3BC7B6 100%);
    background: -webkit-linear-gradient(top, #AAEDDF 0%, #6EDAC8 50%, #3BC7B6 100%);
    background: linear-gradient(to bottom, #AAEDDF 0%, #6EDAC8 50%, #3BC7B6 100%);
}
</style>