#AAFFEF - #DBF2FC | 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 #AAFFEF to #DBF2FC

#AAFFEF #DBF2FC

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

#AAFFEF - #DBF2FC | 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 #AAFFEF as 0% and #DBF2FC as 100%.

0.0%	0.0% #AAFFEF	RGB 170 255 239	#AAFFEF
16.7%	16.7% #B2FCF1	RGB 178 252 241	#B2FCF1
33.3%	33.3% #BAFAF3	RGB 186 250 243	#BAFAF3
50.0%	50.0% #C2F8F5	RGB 194 248 245	#C2F8F5
66.7%	66.7% #CAF6F7	RGB 202 246 247	#CAF6F7
83.3%	83.3% #D2F4F9	RGB 210 244 249	#D2F4F9
100.0%	100.0% #DBF2FC	RGB 219 242 252	#DBF2FC

#AAFFEF #B2FCF1 #BAFAF3 #C2F8F5 #CAF6F7 #D2F4F9 #DBF2FC

#AAFFEF - #DBF2FC

HSV Blend

#AAFFEF - #DBF2FC | 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 #AAFFEF as 0% and #DBF2FC as 100%.

0.0%	0.0% #AAFFEF	RGB 170 255 239	#AAFFEF
16.7%	16.7% #B2FEF6	RGB 178 254 246	#B2FEF6
33.3%	33.3% #BAFEFC	RGB 186 254 252	#BAFEFC
50.0%	50.0% #C2FAFD	RGB 194 250 253	#C2FAFD
66.7%	66.7% #CAF6FD	RGB 202 246 253	#CAF6FD
83.3%	83.3% #D2F3FC	RGB 210 243 252	#D2F3FC
100.0%	100.0% #DBF2FC	RGB 219 242 252	#DBF2FC

#AAFFEF #B2FEF6 #BAFEFC #C2FAFD #CAF6FD #D2F3FC #DBF2FC

#AAFFEF - #C2FAFD - #DBF2FC

CSS codes

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

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