#FF96D9 - #FBECF3 | 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 #FF96D9 to #FBECF3

#FF96D9 #FBECF3

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

#FF96D9 - #FBECF3 | 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 #FF96D9 as 0% and #FBECF3 as 100%.

0.0%	0.0% #FF96D9	RGB 255 150 217	#FF96D9
16.7%	16.7% #FEA4DD	RGB 254 164 221	#FEA4DD
33.3%	33.3% #FDB2E1	RGB 253 178 225	#FDB2E1
50.0%	50.0% #FDC1E6	RGB 253 193 230	#FDC1E6
66.7%	66.7% #FCCFEA	RGB 252 207 234	#FCCFEA
83.3%	83.3% #FBDDEE	RGB 251 221 238	#FBDDEE
100.0%	100.0% #FBECF3	RGB 251 236 243	#FBECF3

#FF96D9 #FEA4DD #FDB2E1 #FDC1E6 #FCCFEA #FBDDEE #FBECF3

#FF96D9 - #FBECF3

HSV Blend

#FF96D9 - #FBECF3 | 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 #FF96D9 as 0% and #FBECF3 as 100%.

0.0%	0.0% #FF96D9	RGB 255 150 217	#FF96D9
16.7%	16.7% #FEA4DB	RGB 254 164 219	#FEA4DB
33.3%	33.3% #FDB2DE	RGB 253 178 222	#FDB2DE
50.0%	50.0% #FDC1E2	RGB 253 193 226	#FDC1E2
66.7%	66.7% #FCCFE7	RGB 252 207 231	#FCCFE7
83.3%	83.3% #FBDDEC	RGB 251 221 236	#FBDDEC
100.0%	100.0% #FBECF3	RGB 251 236 243	#FBECF3

#FF96D9 #FEA4DB #FDB2DE #FDC1E2 #FCCFE7 #FBDDEC #FBECF3

#FF96D9 - #FDC1E2 - #FBECF3

CSS codes

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

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