#AAEBFF - #BFF5E7 | 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 #AAEBFF to #BFF5E7

#AAEBFF #BFF5E7

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

#AAEBFF - #BFF5E7 | 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 #AAEBFF as 0% and #BFF5E7 as 100%.

0.0%	0.0% #AAEBFF	RGB 170 235 255	#AAEBFF
16.7%	16.7% #ADECFB	RGB 173 236 251	#ADECFB
33.3%	33.3% #B1EEF7	RGB 177 238 247	#B1EEF7
50.0%	50.0% #B4F0F3	RGB 180 240 243	#B4F0F3
66.7%	66.7% #B8F1EF	RGB 184 241 239	#B8F1EF
83.3%	83.3% #BBF3EB	RGB 187 243 235	#BBF3EB
100.0%	100.0% #BFF5E7	RGB 191 245 231	#BFF5E7

#AAEBFF #ADECFB #B1EEF7 #B4F0F3 #B8F1EF #BBF3EB #BFF5E7

#AAEBFF - #BFF5E7

HSV Blend

#AAEBFF - #BFF5E7 | 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 #AAEBFF as 0% and #BFF5E7 as 100%.

0.0%	0.0% #AAEBFF	RGB 170 235 255	#AAEBFF
16.7%	16.7% #ADF1FD	RGB 173 241 253	#ADF1FD
33.3%	33.3% #B1F6FB	RGB 177 246 251	#B1F6FB
50.0%	50.0% #B4FAF9	RGB 180 250 249	#B4FAF9
66.7%	66.7% #B8F8F2	RGB 184 248 242	#B8F8F2
83.3%	83.3% #BBF6EC	RGB 187 246 236	#BBF6EC
100.0%	100.0% #BFF5E7	RGB 191 245 231	#BFF5E7

#AAEBFF #ADF1FD #B1F6FB #B4FAF9 #B8F8F2 #BBF6EC #BFF5E7

#AAEBFF - #B4FAF9 - #BFF5E7

CSS codes

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

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