#AFADE6 - #E7E7F7 | 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 #AFADE6 to #E7E7F7

#AFADE6 #E7E7F7

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

#AFADE6 - #E7E7F7 | 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 #AFADE6 as 0% and #E7E7F7 as 100%.

0.0%	0.0% #AFADE6	RGB 175 173 230	#AFADE6
16.7%	16.7% #B8B6E8	RGB 184 182 232	#B8B6E8
33.3%	33.3% #C1C0EB	RGB 193 192 235	#C1C0EB
50.0%	50.0% #CBCAEE	RGB 203 202 238	#CBCAEE
66.7%	66.7% #D4D3F1	RGB 212 211 241	#D4D3F1
83.3%	83.3% #DDDDF4	RGB 221 221 244	#DDDDF4
100.0%	100.0% #E7E7F7	RGB 231 231 247	#E7E7F7

#AFADE6 #B8B6E8 #C1C0EB #CBCAEE #D4D3F1 #DDDDF4 #E7E7F7

#AFADE6 - #E7E7F7

HSV Blend

#AFADE6 - #E7E7F7 | 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 #AFADE6 as 0% and #E7E7F7 as 100%.

0.0%	0.0% #AFADE6	RGB 175 173 230	#AFADE6
16.7%	16.7% #B7B6E8	RGB 183 182 232	#B7B6E8
33.3%	33.3% #C0BFEB	RGB 192 191 235	#C0BFEB
50.0%	50.0% #C9C9EE	RGB 201 201 238	#C9C9EE
66.7%	66.7% #D3D2F1	RGB 211 210 241	#D3D2F1
83.3%	83.3% #DDDCF4	RGB 221 220 244	#DDDCF4
100.0%	100.0% #E7E7F7	RGB 231 231 247	#E7E7F7

#AFADE6 #B7B6E8 #C0BFEB #C9C9EE #D3D2F1 #DDDCF4 #E7E7F7

#AFADE6 - #C9C9EE - #E7E7F7

CSS codes

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

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