#A2BFDB - #AEFFC3 | 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 #A2BFDB to #AEFFC3

#A2BFDB #AEFFC3

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

#A2BFDB - #AEFFC3 | 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 #A2BFDB as 0% and #AEFFC3 as 100%.

0.0%	0.0% #A2BFDB	RGB 162 191 219	#A2BFDB
16.7%	16.7% #A4C9D7	RGB 164 201 215	#A4C9D7
33.3%	33.3% #A6D4D3	RGB 166 212 211	#A6D4D3
50.0%	50.0% #A8DFCF	RGB 168 223 207	#A8DFCF
66.7%	66.7% #AAE9CB	RGB 170 233 203	#AAE9CB
83.3%	83.3% #ACF4C7	RGB 172 244 199	#ACF4C7
100.0%	100.0% #AEFFC3	RGB 174 255 195	#AEFFC3

#A2BFDB #A4C9D7 #A6D4D3 #A8DFCF #AAE9CB #ACF4C7 #AEFFC3

#A2BFDB - #AEFFC3

HSV Blend

#A2BFDB - #AEFFC3 | 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 #A2BFDB as 0% and #AEFFC3 as 100%.

0.0%	0.0% #A2BFDB	RGB 162 191 219	#A2BFDB
16.7%	16.7% #A4CFE1	RGB 164 207 225	#A4CFE1
33.3%	33.3% #A6E1E7	RGB 166 225 231	#A6E1E7
50.0%	50.0% #A8EDE4	RGB 168 237 228	#A8EDE4
66.7%	66.7% #AAF3DB	RGB 170 243 219	#AAF3DB
83.3%	83.3% #ACF9CF	RGB 172 249 207	#ACF9CF
100.0%	100.0% #AEFFC3	RGB 174 255 195	#AEFFC3

#A2BFDB #A4CFE1 #A6E1E7 #A8EDE4 #AAF3DB #ACF9CF #AEFFC3

#A2BFDB - #A8EDE4 - #AEFFC3

CSS codes

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

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