#F981CF - #FDDBF1 | 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 #F981CF to #FDDBF1

#F981CF #FDDBF1

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

#F981CF - #FDDBF1 | 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 #F981CF as 0% and #FDDBF1 as 100%.

0.0%	0.0% #F981CF	RGB 249 129 207	#F981CF
16.7%	16.7% #F990D4	RGB 249 144 212	#F990D4
33.3%	33.3% #FA9FDA	RGB 250 159 218	#FA9FDA
50.0%	50.0% #FBAEE0	RGB 251 174 224	#FBAEE0
66.7%	66.7% #FBBDE5	RGB 251 189 229	#FBBDE5
83.3%	83.3% #FCCCEB	RGB 252 204 235	#FCCCEB
100.0%	100.0% #FDDBF1	RGB 253 219 241	#FDDBF1

#F981CF #F990D4 #FA9FDA #FBAEE0 #FBBDE5 #FCCCEB #FDDBF1

#F981CF - #FDDBF1

HSV Blend

#F981CF - #FDDBF1 | 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 #F981CF as 0% and #FDDBF1 as 100%.

0.0%	0.0% #F981CF	RGB 249 129 207	#F981CF
16.7%	16.7% #F98FD4	RGB 249 143 212	#F98FD4
33.3%	33.3% #FA9EDA	RGB 250 158 218	#FA9EDA
50.0%	50.0% #FBADDF	RGB 251 173 223	#FBADDF
66.7%	66.7% #FBBCE5	RGB 251 188 229	#FBBCE5
83.3%	83.3% #FCCBEB	RGB 252 203 235	#FCCBEB
100.0%	100.0% #FDDBF1	RGB 253 219 241	#FDDBF1

#F981CF #F98FD4 #FA9EDA #FBADDF #FBBCE5 #FCCBEB #FDDBF1

#F981CF - #FBADDF - #FDDBF1

CSS codes

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

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