#FFA8ED - #FCDAE5 | 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 #FFA8ED to #FCDAE5

#FFA8ED #FCDAE5

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

#FFA8ED - #FCDAE5 | 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 #FFA8ED as 0% and #FCDAE5 as 100%.

0.0%	0.0% #FFA8ED	RGB 255 168 237	#FFA8ED
16.7%	16.7% #FEB0EB	RGB 254 176 235	#FEB0EB
33.3%	33.3% #FEB8EA	RGB 254 184 234	#FEB8EA
50.0%	50.0% #FDC1E9	RGB 253 193 233	#FDC1E9
66.7%	66.7% #FDC9E7	RGB 253 201 231	#FDC9E7
83.3%	83.3% #FCD1E6	RGB 252 209 230	#FCD1E6
100.0%	100.0% #FCDAE5	RGB 252 218 229	#FCDAE5

#FFA8ED #FEB0EB #FEB8EA #FDC1E9 #FDC9E7 #FCD1E6 #FCDAE5

#FFA8ED - #FCDAE5

HSV Blend

#FFA8ED - #FCDAE5 | 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 #FFA8ED as 0% and #FCDAE5 as 100%.

0.0%	0.0% #FFA8ED	RGB 255 168 237	#FFA8ED
16.7%	16.7% #FEB0E8	RGB 254 176 232	#FEB0E8
33.3%	33.3% #FEB8E4	RGB 254 184 228	#FEB8E4
50.0%	50.0% #FDC1E2	RGB 253 193 226	#FDC1E2
66.7%	66.7% #FDC9E2	RGB 253 201 226	#FDC9E2
83.3%	83.3% #FCD1E2	RGB 252 209 226	#FCD1E2
100.0%	100.0% #FCDAE5	RGB 252 218 229	#FCDAE5

#FFA8ED #FEB0E8 #FEB8E4 #FDC1E2 #FDC9E2 #FCD1E2 #FCDAE5

#FFA8ED - #FDC1E2 - #FCDAE5

CSS codes

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

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