#AAFCFD - #4EC3DB | 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 #AAFCFD to #4EC3DB

#AAFCFD #4EC3DB

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

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

0.0%	0.0% #AAFCFD	RGB 170 252 253	#AAFCFD
16.7%	16.7% #9AF2F7	RGB 154 242 247	#9AF2F7
33.3%	33.3% #8BE9F1	RGB 139 233 241	#8BE9F1
50.0%	50.0% #7CDFEC	RGB 124 223 236	#7CDFEC
66.7%	66.7% #6CD6E6	RGB 108 214 230	#6CD6E6
83.3%	83.3% #5DCCE0	RGB 93 204 224	#5DCCE0
100.0%	100.0% #4EC3DB	RGB 78 195 219	#4EC3DB

#AAFCFD #9AF2F7 #8BE9F1 #7CDFEC #6CD6E6 #5DCCE0 #4EC3DB

#AAFCFD - #4EC3DB

HSV Blend

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

0.0%	0.0% #AAFCFD	RGB 170 252 253	#AAFCFD
16.7%	16.7% #99F3F7	RGB 153 243 247	#99F3F7
33.3%	33.3% #88EAF1	RGB 136 234 241	#88EAF1
50.0%	50.0% #79E1EC	RGB 121 225 236	#79E1EC
66.7%	66.7% #6AD7E6	RGB 106 215 230	#6AD7E6
83.3%	83.3% #5BCDE0	RGB 91 205 224	#5BCDE0
100.0%	100.0% #4EC3DB	RGB 78 195 219	#4EC3DB

#AAFCFD #99F3F7 #88EAF1 #79E1EC #6AD7E6 #5BCDE0 #4EC3DB

#AAFCFD - #79E1EC - #4EC3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAFCFD 0%, #79E1EC 50%, #4EC3DB 100%);
    background: -webkit-linear-gradient(top, #AAFCFD 0%, #79E1EC 50%, #4EC3DB 100%);
    background: linear-gradient(to bottom, #AAFCFD 0%, #79E1EC 50%, #4EC3DB 100%);
}
</style>