#AAF6FF - #BFF5E0 | 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 #AAF6FF to #BFF5E0

#AAF6FF #BFF5E0

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

#AAF6FF - #BFF5E0 | 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 #AAF6FF as 0% and #BFF5E0 as 100%.

0.0%	0.0% #AAF6FF	RGB 170 246 255	#AAF6FF
16.7%	16.7% #ADF5F9	RGB 173 245 249	#ADF5F9
33.3%	33.3% #B1F5F4	RGB 177 245 244	#B1F5F4
50.0%	50.0% #B4F5EF	RGB 180 245 239	#B4F5EF
66.7%	66.7% #B8F5EA	RGB 184 245 234	#B8F5EA
83.3%	83.3% #BBF5E5	RGB 187 245 229	#BBF5E5
100.0%	100.0% #BFF5E0	RGB 191 245 224	#BFF5E0

#AAF6FF #ADF5F9 #B1F5F4 #B4F5EF #B8F5EA #BBF5E5 #BFF5E0

#AAF6FF - #BFF5E0

HSV Blend

#AAF6FF - #BFF5E0 | 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 #AAF6FF as 0% and #BFF5E0 as 100%.

0.0%	0.0% #AAF6FF	RGB 170 246 255	#AAF6FF
16.7%	16.7% #ADFBFD	RGB 173 251 253	#ADFBFD
33.3%	33.3% #B1FBF7	RGB 177 251 247	#B1FBF7
50.0%	50.0% #B4FAF0	RGB 180 250 240	#B4FAF0
66.7%	66.7% #B8F8E9	RGB 184 248 233	#B8F8E9
83.3%	83.3% #BBF6E4	RGB 187 246 228	#BBF6E4
100.0%	100.0% #BFF5E0	RGB 191 245 224	#BFF5E0

#AAF6FF #ADFBFD #B1FBF7 #B4FAF0 #B8F8E9 #BBF6E4 #BFF5E0

#AAF6FF - #B4FAF0 - #BFF5E0

CSS codes

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

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