#AAD5E0 - #D4DEDC | 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 #AAD5E0 to #D4DEDC

#AAD5E0 #D4DEDC

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

#AAD5E0 - #D4DEDC | 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 #AAD5E0 as 0% and #D4DEDC as 100%.

0.0%	0.0% #AAD5E0	RGB 170 213 224	#AAD5E0
16.7%	16.7% #B1D6DF	RGB 177 214 223	#B1D6DF
33.3%	33.3% #B8D8DE	RGB 184 216 222	#B8D8DE
50.0%	50.0% #BFD9DE	RGB 191 217 222	#BFD9DE
66.7%	66.7% #C6DBDD	RGB 198 219 221	#C6DBDD
83.3%	83.3% #CDDCDC	RGB 205 220 220	#CDDCDC
100.0%	100.0% #D4DEDC	RGB 212 222 220	#D4DEDC

#AAD5E0 #B1D6DF #B8D8DE #BFD9DE #C6DBDD #CDDCDC #D4DEDC

#AAD5E0 - #D4DEDC

HSV Blend

#AAD5E0 - #D4DEDC | 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 #AAD5E0 as 0% and #D4DEDC as 100%.

0.0%	0.0% #AAD5E0	RGB 170 213 224	#AAD5E0
16.7%	16.7% #B1D9DF	RGB 177 217 223	#B1D9DF
33.3%	33.3% #B8DCDF	RGB 184 220 223	#B8DCDF
50.0%	50.0% #BFDEDF	RGB 191 222 223	#BFDEDF
66.7%	66.7% #C6DEDD	RGB 198 222 221	#C6DEDD
83.3%	83.3% #CDDEDC	RGB 205 222 220	#CDDEDC
100.0%	100.0% #D4DEDC	RGB 212 222 220	#D4DEDC

#AAD5E0 #B1D9DF #B8DCDF #BFDEDF #C6DEDD #CDDEDC #D4DEDC

#AAD5E0 - #BFDEDF - #D4DEDC

CSS codes

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

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