#FBEBFE - #FFE6FD | 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 #FBEBFE to #FFE6FD

#FBEBFE #FFE6FD

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

#FBEBFE - #FFE6FD | 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 #FBEBFE as 0% and #FFE6FD as 100%.

0.0%	0.0% #FBEBFE	RGB 251 235 254	#FBEBFE
16.7%	16.7% #FBEAFD	RGB 251 234 253	#FBEAFD
33.3%	33.3% #FCE9FD	RGB 252 233 253	#FCE9FD
50.0%	50.0% #FDE8FD	RGB 253 232 253	#FDE8FD
66.7%	66.7% #FDE7FD	RGB 253 231 253	#FDE7FD
83.3%	83.3% #FEE6FD	RGB 254 230 253	#FEE6FD
100.0%	100.0% #FFE6FD	RGB 255 230 253	#FFE6FD

#FBEBFE #FBEAFD #FCE9FD #FDE8FD #FDE7FD #FEE6FD #FFE6FD

#FBEBFE - #FFE6FD

HSV Blend

#FBEBFE - #FFE6FD | 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 #FBEBFE as 0% and #FFE6FD as 100%.

0.0%	0.0% #FBEBFE	RGB 251 235 254	#FBEBFE
16.7%	16.7% #FBEAFE	RGB 251 234 254	#FBEAFE
33.3%	33.3% #FCE9FE	RGB 252 233 254	#FCE9FE
50.0%	50.0% #FDE8FE	RGB 253 232 254	#FDE8FE
66.7%	66.7% #FEE7FE	RGB 254 231 254	#FEE7FE
83.3%	83.3% #FEE6FD	RGB 254 230 253	#FEE6FD
100.0%	100.0% #FFE6FD	RGB 255 230 253	#FFE6FD

#FBEBFE #FBEAFE #FCE9FE #FDE8FE #FEE7FE #FEE6FD #FFE6FD

#FBEBFE - #FDE8FE - #FFE6FD

CSS codes

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

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