#F0A8CC - #FAE6F0 | 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 #F0A8CC to #FAE6F0

#F0A8CC #FAE6F0

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

#F0A8CC - #FAE6F0 | 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 #F0A8CC as 0% and #FAE6F0 as 100%.

0.0%	0.0% #F0A8CC	RGB 240 168 204	#F0A8CC
16.7%	16.7% #F1B2D2	RGB 241 178 210	#F1B2D2
33.3%	33.3% #F3BCD8	RGB 243 188 216	#F3BCD8
50.0%	50.0% #F5C7DE	RGB 245 199 222	#F5C7DE
66.7%	66.7% #F6D1E4	RGB 246 209 228	#F6D1E4
83.3%	83.3% #F8DBEA	RGB 248 219 234	#F8DBEA
100.0%	100.0% #FAE6F0	RGB 250 230 240	#FAE6F0

#F0A8CC #F1B2D2 #F3BCD8 #F5C7DE #F6D1E4 #F8DBEA #FAE6F0

#F0A8CC - #FAE6F0

HSV Blend

#F0A8CC - #FAE6F0 | 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 #F0A8CC as 0% and #FAE6F0 as 100%.

0.0%	0.0% #F0A8CC	RGB 240 168 204	#F0A8CC
16.7%	16.7% #F1B2D1	RGB 241 178 209	#F1B2D1
33.3%	33.3% #F3BCD7	RGB 243 188 215	#F3BCD7
50.0%	50.0% #F5C6DD	RGB 245 198 221	#F5C6DD
66.7%	66.7% #F6D0E3	RGB 246 208 227	#F6D0E3
83.3%	83.3% #F8DBE9	RGB 248 219 233	#F8DBE9
100.0%	100.0% #FAE6F0	RGB 250 230 240	#FAE6F0

#F0A8CC #F1B2D1 #F3BCD7 #F5C6DD #F6D0E3 #F8DBE9 #FAE6F0

#F0A8CC - #F5C6DD - #FAE6F0

CSS codes

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

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