#A3CDF2 - #DEE1E7 | 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 #A3CDF2 to #DEE1E7

#A3CDF2 #DEE1E7

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

#A3CDF2 - #DEE1E7 | 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 #A3CDF2 as 0% and #DEE1E7 as 100%.

0.0%	0.0% #A3CDF2	RGB 163 205 242	#A3CDF2
16.7%	16.7% #ACD0F0	RGB 172 208 240	#ACD0F0
33.3%	33.3% #B6D3EE	RGB 182 211 238	#B6D3EE
50.0%	50.0% #C0D7EC	RGB 192 215 236	#C0D7EC
66.7%	66.7% #CADAEA	RGB 202 218 234	#CADAEA
83.3%	83.3% #D4DDE8	RGB 212 221 232	#D4DDE8
100.0%	100.0% #DEE1E7	RGB 222 225 231	#DEE1E7

#A3CDF2 #ACD0F0 #B6D3EE #C0D7EC #CADAEA #D4DDE8 #DEE1E7

#A3CDF2 - #DEE1E7

HSV Blend

#A3CDF2 - #DEE1E7 | 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 #A3CDF2 as 0% and #DEE1E7 as 100%.

0.0%	0.0% #A3CDF2	RGB 163 205 242	#A3CDF2
16.7%	16.7% #ADCEF0	RGB 173 206 240	#ADCEF0
33.3%	33.3% #B7D0EE	RGB 183 208 238	#B7D0EE
50.0%	50.0% #C1D3EC	RGB 193 211 236	#C1D3EC
66.7%	66.7% #CBD7EA	RGB 203 215 234	#CBD7EA
83.3%	83.3% #D4DCE8	RGB 212 220 232	#D4DCE8
100.0%	100.0% #DEE1E7	RGB 222 225 231	#DEE1E7

#A3CDF2 #ADCEF0 #B7D0EE #C1D3EC #CBD7EA #D4DCE8 #DEE1E7

#A3CDF2 - #C1D3EC - #DEE1E7

CSS codes

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

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