#F965EE - #FCDBF0 | 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 #F965EE to #FCDBF0

#F965EE #FCDBF0

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

#F965EE - #FCDBF0 | 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 #F965EE as 0% and #FCDBF0 as 100%.

0.0%	0.0% #F965EE	RGB 249 101 238	#F965EE
16.7%	16.7% #F978EE	RGB 249 120 238	#F978EE
33.3%	33.3% #FA8CEE	RGB 250 140 238	#FA8CEE
50.0%	50.0% #FAA0EF	RGB 250 160 239	#FAA0EF
66.7%	66.7% #FBB3EF	RGB 251 179 239	#FBB3EF
83.3%	83.3% #FBC7EF	RGB 251 199 239	#FBC7EF
100.0%	100.0% #FCDBF0	RGB 252 219 240	#FCDBF0

#F965EE #F978EE #FA8CEE #FAA0EF #FBB3EF #FBC7EF #FCDBF0

#F965EE - #FCDBF0

HSV Blend

#F965EE - #FCDBF0 | 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 #F965EE as 0% and #FCDBF0 as 100%.

0.0%	0.0% #F965EE	RGB 249 101 238	#F965EE
16.7%	16.7% #F978E9	RGB 249 120 233	#F978E9
33.3%	33.3% #FA8CE7	RGB 250 140 231	#FA8CE7
50.0%	50.0% #FA9FE6	RGB 250 159 230	#FA9FE6
66.7%	66.7% #FBB3E7	RGB 251 179 231	#FBB3E7
83.3%	83.3% #FBC7EA	RGB 251 199 234	#FBC7EA
100.0%	100.0% #FCDBF0	RGB 252 219 240	#FCDBF0

#F965EE #F978E9 #FA8CE7 #FA9FE6 #FBB3E7 #FBC7EA #FCDBF0

#F965EE - #FA9FE6 - #FCDBF0

CSS codes

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

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