#AAFEFF - #4DC7DF | 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 #AAFEFF to #4DC7DF

#AAFEFF #4DC7DF

Calculate the color between two colors, #AAFEFF and #4DC7DF. 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)

#AAFEFF - #4DC7DF | 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 #AAFEFF as 0% and #4DC7DF as 100%.

0.0%	0.0% #AAFEFF	RGB 170 254 255	#AAFEFF
16.7%	16.7% #9AF4F9	RGB 154 244 249	#9AF4F9
33.3%	33.3% #8BEBF4	RGB 139 235 244	#8BEBF4
50.0%	50.0% #7BE2EF	RGB 123 226 239	#7BE2EF
66.7%	66.7% #6CD9E9	RGB 108 217 233	#6CD9E9
83.3%	83.3% #5CD0E4	RGB 92 208 228	#5CD0E4
100.0%	100.0% #4DC7DF	RGB 77 199 223	#4DC7DF

#AAFEFF #9AF4F9 #8BEBF4 #7BE2EF #6CD9E9 #5CD0E4 #4DC7DF

#AAFEFF - #4DC7DF

HSV Blend

#AAFEFF - #4DC7DF | 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 #AAFEFF as 0% and #4DC7DF as 100%.

0.0%	0.0% #AAFEFF	RGB 170 254 255	#AAFEFF
16.7%	16.7% #99F6F9	RGB 153 246 249	#99F6F9
33.3%	33.3% #88EDF4	RGB 136 237 244	#88EDF4
50.0%	50.0% #78E4EF	RGB 120 228 239	#78E4EF
66.7%	66.7% #69DBE9	RGB 105 219 233	#69DBE9
83.3%	83.3% #5BD1E4	RGB 91 209 228	#5BD1E4
100.0%	100.0% #4DC7DF	RGB 77 199 223	#4DC7DF

#AAFEFF #99F6F9 #88EDF4 #78E4EF #69DBE9 #5BD1E4 #4DC7DF

#AAFEFF - #78E4EF - #4DC7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAFEFF 0%, #78E4EF 50%, #4DC7DF 100%);
    background: -webkit-linear-gradient(top, #AAFEFF 0%, #78E4EF 50%, #4DC7DF 100%);
    background: linear-gradient(to bottom, #AAFEFF 0%, #78E4EF 50%, #4DC7DF 100%);
}
</style>