#A2ADDB - #AEFFDB | 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 #A2ADDB to #AEFFDB

#A2ADDB #AEFFDB

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

#A2ADDB - #AEFFDB | 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 #A2ADDB as 0% and #AEFFDB as 100%.

0.0%	0.0% #A2ADDB	RGB 162 173 219	#A2ADDB
16.7%	16.7% #A4BADB	RGB 164 186 219	#A4BADB
33.3%	33.3% #A6C8DB	RGB 166 200 219	#A6C8DB
50.0%	50.0% #A8D6DB	RGB 168 214 219	#A8D6DB
66.7%	66.7% #AAE3DB	RGB 170 227 219	#AAE3DB
83.3%	83.3% #ACF1DB	RGB 172 241 219	#ACF1DB
100.0%	100.0% #AEFFDB	RGB 174 255 219	#AEFFDB

#A2ADDB #A4BADB #A6C8DB #A8D6DB #AAE3DB #ACF1DB #AEFFDB

#A2ADDB - #AEFFDB

HSV Blend

#A2ADDB - #AEFFDB | 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 #A2ADDB as 0% and #AEFFDB as 100%.

0.0%	0.0% #A2ADDB	RGB 162 173 219	#A2ADDB
16.7%	16.7% #A4BCE1	RGB 164 188 225	#A4BCE1
33.3%	33.3% #A6CDE7	RGB 166 205 231	#A6CDE7
50.0%	50.0% #A8E0ED	RGB 168 224 237	#A8E0ED
66.7%	66.7% #AAF3F1	RGB 170 243 241	#AAF3F1
83.3%	83.3% #ACF9E6	RGB 172 249 230	#ACF9E6
100.0%	100.0% #AEFFDB	RGB 174 255 219	#AEFFDB

#A2ADDB #A4BCE1 #A6CDE7 #A8E0ED #AAF3F1 #ACF9E6 #AEFFDB

#A2ADDB - #A8E0ED - #AEFFDB

CSS codes

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

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