#AFE6EE - #F3E7E7 | 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 #AFE6EE to #F3E7E7

#AFE6EE #F3E7E7

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

#AFE6EE - #F3E7E7 | 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 #AFE6EE as 0% and #F3E7E7 as 100%.

0.0%	0.0% #AFE6EE	RGB 175 230 238	#AFE6EE
16.7%	16.7% #BAE6EC	RGB 186 230 236	#BAE6EC
33.3%	33.3% #C5E6EB	RGB 197 230 235	#C5E6EB
50.0%	50.0% #D1E6EA	RGB 209 230 234	#D1E6EA
66.7%	66.7% #DCE6E9	RGB 220 230 233	#DCE6E9
83.3%	83.3% #E7E6E8	RGB 231 230 232	#E7E6E8
100.0%	100.0% #F3E7E7	RGB 243 231 231	#F3E7E7

#AFE6EE #BAE6EC #C5E6EB #D1E6EA #DCE6E9 #E7E6E8 #F3E7E7

#AFE6EE - #F3E7E7

HSV Blend

#AFE6EE - #F3E7E7 | 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 #AFE6EE as 0% and #F3E7E7 as 100%.

0.0%	0.0% #AFE6EE	RGB 175 230 238	#AFE6EE
16.7%	16.7% #B8CDEE	RGB 184 205 238	#B8CDEE
33.3%	33.3% #C5C1EF	RGB 197 193 239	#C5C1EF
50.0%	50.0% #E0CAF0	RGB 224 202 240	#E0CAF0
66.7%	66.7% #F1D4F0	RGB 241 212 240	#F1D4F0
83.3%	83.3% #F2DDE7	RGB 242 221 231	#F2DDE7
100.0%	100.0% #F3E7E7	RGB 243 231 231	#F3E7E7

#AFE6EE #B8CDEE #C5C1EF #E0CAF0 #F1D4F0 #F2DDE7 #F3E7E7

#AFE6EE - #E0CAF0 - #F3E7E7

CSS codes

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

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