#AAD3FF - #B8FFCB | 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 #AAD3FF to #B8FFCB

#AAD3FF #B8FFCB

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

#AAD3FF - #B8FFCB | 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 #AAD3FF as 0% and #B8FFCB as 100%.

0.0%	0.0% #AAD3FF	RGB 170 211 255	#AAD3FF
16.7%	16.7% #ACDAF6	RGB 172 218 246	#ACDAF6
33.3%	33.3% #AEE1ED	RGB 174 225 237	#AEE1ED
50.0%	50.0% #B1E9E5	RGB 177 233 229	#B1E9E5
66.7%	66.7% #B3F0DC	RGB 179 240 220	#B3F0DC
83.3%	83.3% #B5F7D3	RGB 181 247 211	#B5F7D3
100.0%	100.0% #B8FFCB	RGB 184 255 203	#B8FFCB

#AAD3FF #ACDAF6 #AEE1ED #B1E9E5 #B3F0DC #B5F7D3 #B8FFCB

#AAD3FF - #B8FFCB

HSV Blend

#AAD3FF - #B8FFCB | 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 #AAD3FF as 0% and #B8FFCB as 100%.

0.0%	0.0% #AAD3FF	RGB 170 211 255	#AAD3FF
16.7%	16.7% #ACE5FF	RGB 172 229 255	#ACE5FF
33.3%	33.3% #AEF6FF	RGB 174 246 255	#AEF6FF
50.0%	50.0% #B1FFF6	RGB 177 255 246	#B1FFF6
66.7%	66.7% #B3FFE7	RGB 179 255 231	#B3FFE7
83.3%	83.3% #B5FFD8	RGB 181 255 216	#B5FFD8
100.0%	100.0% #B8FFCB	RGB 184 255 203	#B8FFCB

#AAD3FF #ACE5FF #AEF6FF #B1FFF6 #B3FFE7 #B5FFD8 #B8FFCB

#AAD3FF - #B1FFF6 - #B8FFCB

CSS codes

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

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