#AAC5CC - #DAD2FF | 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 #AAC5CC to #DAD2FF

#AAC5CC #DAD2FF

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

#AAC5CC - #DAD2FF | 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 #AAC5CC as 0% and #DAD2FF as 100%.

0.0%	0.0% #AAC5CC	RGB 170 197 204	#AAC5CC
16.7%	16.7% #B2C7D4	RGB 178 199 212	#B2C7D4
33.3%	33.3% #BAC9DD	RGB 186 201 221	#BAC9DD
50.0%	50.0% #C2CBE5	RGB 194 203 229	#C2CBE5
66.7%	66.7% #CACDEE	RGB 202 205 238	#CACDEE
83.3%	83.3% #D2CFF6	RGB 210 207 246	#D2CFF6
100.0%	100.0% #DAD2FF	RGB 218 210 255	#DAD2FF

#AAC5CC #B2C7D4 #BAC9DD #C2CBE5 #CACDEE #D2CFF6 #DAD2FF

#AAC5CC - #DAD2FF

HSV Blend

#AAC5CC - #DAD2FF | 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 #AAC5CC as 0% and #DAD2FF as 100%.

0.0%	0.0% #AAC5CC	RGB 170 197 204	#AAC5CC
16.7%	16.7% #B0C7D4	RGB 176 199 212	#B0C7D4
33.3%	33.3% #B7C9DD	RGB 183 201 221	#B7C9DD
50.0%	50.0% #BECAE5	RGB 190 202 229	#BECAE5
66.7%	66.7% #C4CAEE	RGB 196 202 238	#C4CAEE
83.3%	83.3% #CCCBF6	RGB 204 203 246	#CCCBF6
100.0%	100.0% #DAD2FF	RGB 218 210 255	#DAD2FF

#AAC5CC #B0C7D4 #B7C9DD #BECAE5 #C4CAEE #CCCBF6 #DAD2FF

#AAC5CC - #BECAE5 - #DAD2FF

CSS codes

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

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