#F0C0CC - #FAEDF0 | 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 #F0C0CC to #FAEDF0

#F0C0CC #FAEDF0

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

#F0C0CC - #FAEDF0 | 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 #F0C0CC as 0% and #FAEDF0 as 100%.

0.0%	0.0% #F0C0CC	RGB 240 192 204	#F0C0CC
16.7%	16.7% #F1C7D2	RGB 241 199 210	#F1C7D2
33.3%	33.3% #F3CFD8	RGB 243 207 216	#F3CFD8
50.0%	50.0% #F5D6DE	RGB 245 214 222	#F5D6DE
66.7%	66.7% #F6DEE4	RGB 246 222 228	#F6DEE4
83.3%	83.3% #F8E5EA	RGB 248 229 234	#F8E5EA
100.0%	100.0% #FAEDF0	RGB 250 237 240	#FAEDF0

#F0C0CC #F1C7D2 #F3CFD8 #F5D6DE #F6DEE4 #F8E5EA #FAEDF0

#F0C0CC - #FAEDF0

HSV Blend

#F0C0CC - #FAEDF0 | 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 #F0C0CC as 0% and #FAEDF0 as 100%.

0.0%	0.0% #F0C0CC	RGB 240 192 204	#F0C0CC
16.7%	16.7% #F1C7D1	RGB 241 199 209	#F1C7D1
33.3%	33.3% #F3CED7	RGB 243 206 215	#F3CED7
50.0%	50.0% #F5D6DD	RGB 245 214 221	#F5D6DD
66.7%	66.7% #F6DDE3	RGB 246 221 227	#F6DDE3
83.3%	83.3% #F8E5E9	RGB 248 229 233	#F8E5E9
100.0%	100.0% #FAEDF0	RGB 250 237 240	#FAEDF0

#F0C0CC #F1C7D1 #F3CED7 #F5D6DD #F6DDE3 #F8E5E9 #FAEDF0

#F0C0CC - #F5D6DD - #FAEDF0

CSS codes

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

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