#FFAFDF - #F3FEFD | 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 #FFAFDF to #F3FEFD

#FFAFDF #F3FEFD

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

#FFAFDF - #F3FEFD | 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 #FFAFDF as 0% and #F3FEFD as 100%.

0.0%	0.0% #FFAFDF	RGB 255 175 223	#FFAFDF
16.7%	16.7% #FDBCE4	RGB 253 188 228	#FDBCE4
33.3%	33.3% #FBC9E9	RGB 251 201 233	#FBC9E9
50.0%	50.0% #F9D6EE	RGB 249 214 238	#F9D6EE
66.7%	66.7% #F7E3F3	RGB 247 227 243	#F7E3F3
83.3%	83.3% #F5F0F8	RGB 245 240 248	#F5F0F8
100.0%	100.0% #F3FEFD	RGB 243 254 253	#F3FEFD

#FFAFDF #FDBCE4 #FBC9E9 #F9D6EE #F7E3F3 #F5F0F8 #F3FEFD

#FFAFDF - #F3FEFD

HSV Blend

#FFAFDF - #F3FEFD | 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 #FFAFDF as 0% and #F3FEFD as 100%.

0.0%	0.0% #FFAFDF	RGB 255 175 223	#FFAFDF
16.7%	16.7% #FDBAFE	RGB 253 186 254	#FDBAFE
33.3%	33.3% #E6C5FE	RGB 230 197 254	#E6C5FE
50.0%	50.0% #D8D1FE	RGB 216 209 254	#D8D1FE
66.7%	66.7% #DCE5FE	RGB 220 229 254	#DCE5FE
83.3%	83.3% #E7F6FE	RGB 231 246 254	#E7F6FE
100.0%	100.0% #F3FEFD	RGB 243 254 253	#F3FEFD

#FFAFDF #FDBAFE #E6C5FE #D8D1FE #DCE5FE #E7F6FE #F3FEFD

#FFAFDF - #D8D1FE - #F3FEFD

CSS codes

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

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