#AAADA5 - #AED2FF | 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 #AAADA5 to #AED2FF

#AAADA5 #AED2FF

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

#AAADA5 - #AED2FF | 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 #AAADA5 as 0% and #AED2FF as 100%.

0.0%	0.0% #AAADA5	RGB 170 173 165	#AAADA5
16.7%	16.7% #AAB3B4	RGB 170 179 180	#AAB3B4
33.3%	33.3% #ABB9C3	RGB 171 185 195	#ABB9C3
50.0%	50.0% #ACBFD2	RGB 172 191 210	#ACBFD2
66.7%	66.7% #ACC5E1	RGB 172 197 225	#ACC5E1
83.3%	83.3% #ADCBF0	RGB 173 203 240	#ADCBF0
100.0%	100.0% #AED2FF	RGB 174 210 255	#AED2FF

#AAADA5 #AAB3B4 #ABB9C3 #ACBFD2 #ACC5E1 #ADCBF0 #AED2FF

#AAADA5 - #AED2FF

HSV Blend

#AAADA5 - #AED2FF | 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 #AAADA5 as 0% and #AED2FF as 100%.

0.0%	0.0% #AAADA5	RGB 170 173 165	#AAADA5
16.7%	16.7% #AEBAA9	RGB 174 186 169	#AEBAA9
33.3%	33.3% #ACC8AF	RGB 172 200 175	#ACC8AF
50.0%	50.0% #AFD6C1	RGB 175 214 193	#AFD6C1
66.7%	66.7% #AFE3DA	RGB 175 227 218	#AFE3DA
83.3%	83.3% #AFE4F1	RGB 175 228 241	#AFE4F1
100.0%	100.0% #AED2FF	RGB 174 210 255	#AED2FF

#AAADA5 #AEBAA9 #ACC8AF #AFD6C1 #AFE3DA #AFE4F1 #AED2FF

#AAADA5 - #AFD6C1 - #AED2FF

CSS codes

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

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