#F98FA2 - #FDDFE4 | 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 #F98FA2 to #FDDFE4

#F98FA2 #FDDFE4

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

#F98FA2 - #FDDFE4 | 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 #F98FA2 as 0% and #FDDFE4 as 100%.

0.0%	0.0% #F98FA2	RGB 249 143 162	#F98FA2
16.7%	16.7% #F99CAD	RGB 249 156 173	#F99CAD
33.3%	33.3% #FAA9B8	RGB 250 169 184	#FAA9B8
50.0%	50.0% #FBB7C3	RGB 251 183 195	#FBB7C3
66.7%	66.7% #FBC4CE	RGB 251 196 206	#FBC4CE
83.3%	83.3% #FCD1D9	RGB 252 209 217	#FCD1D9
100.0%	100.0% #FDDFE4	RGB 253 223 228	#FDDFE4

#F98FA2 #F99CAD #FAA9B8 #FBB7C3 #FBC4CE #FCD1D9 #FDDFE4

#F98FA2 - #FDDFE4

HSV Blend

#F98FA2 - #FDDFE4 | 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 #F98FA2 as 0% and #FDDFE4 as 100%.

0.0%	0.0% #F98FA2	RGB 249 143 162	#F98FA2
16.7%	16.7% #F99CAC	RGB 249 156 172	#F99CAC
33.3%	33.3% #FAA9B7	RGB 250 169 183	#FAA9B7
50.0%	50.0% #FBB6C2	RGB 251 182 194	#FBB6C2
66.7%	66.7% #FBC4CD	RGB 251 196 205	#FBC4CD
83.3%	83.3% #FCD1D8	RGB 252 209 216	#FCD1D8
100.0%	100.0% #FDDFE4	RGB 253 223 228	#FDDFE4

#F98FA2 #F99CAC #FAA9B7 #FBB6C2 #FBC4CD #FCD1D8 #FDDFE4

#F98FA2 - #FBB6C2 - #FDDFE4

CSS codes

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

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