#AFC1ED - #FFE3EF | 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 #AFC1ED to #FFE3EF

#AFC1ED #FFE3EF

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

#AFC1ED - #FFE3EF | 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 #AFC1ED as 0% and #FFE3EF as 100%.

0.0%	0.0% #AFC1ED	RGB 175 193 237	#AFC1ED
16.7%	16.7% #BCC6ED	RGB 188 198 237	#BCC6ED
33.3%	33.3% #C9CCED	RGB 201 204 237	#C9CCED
50.0%	50.0% #D7D2EE	RGB 215 210 238	#D7D2EE
66.7%	66.7% #E4D7EE	RGB 228 215 238	#E4D7EE
83.3%	83.3% #F1DDEE	RGB 241 221 238	#F1DDEE
100.0%	100.0% #FFE3EF	RGB 255 227 239	#FFE3EF

#AFC1ED #BCC6ED #C9CCED #D7D2EE #E4D7EE #F1DDEE #FFE3EF

#AFC1ED - #FFE3EF

HSV Blend

#AFC1ED - #FFE3EF | 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 #AFC1ED as 0% and #FFE3EF as 100%.

0.0%	0.0% #AFC1ED	RGB 175 193 237	#AFC1ED
16.7%	16.7% #B8B7F0	RGB 184 183 240	#B8B7F0
33.3%	33.3% #D0BFF3	RGB 208 191 243	#D0BFF3
50.0%	50.0% #E5C8F6	RGB 229 200 246	#E5C8F6
66.7%	66.7% #F7D1F9	RGB 247 209 249	#F7D1F9
83.3%	83.3% #FCD9F3	RGB 252 217 243	#FCD9F3
100.0%	100.0% #FFE3EF	RGB 255 227 239	#FFE3EF

#AFC1ED #B8B7F0 #D0BFF3 #E5C8F6 #F7D1F9 #FCD9F3 #FFE3EF

#AFC1ED - #E5C8F6 - #FFE3EF

CSS codes

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

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