#EFC1ED - #FBFFFF | 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 #EFC1ED to #FBFFFF

#EFC1ED #FBFFFF

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

#EFC1ED - #FBFFFF | 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 #EFC1ED as 0% and #FBFFFF as 100%.

0.0%	0.0% #EFC1ED	RGB 239 193 237	#EFC1ED
16.7%	16.7% #F1CBF0	RGB 241 203 240	#F1CBF0
33.3%	33.3% #F3D5F3	RGB 243 213 243	#F3D5F3
50.0%	50.0% #F5E0F6	RGB 245 224 246	#F5E0F6
66.7%	66.7% #F7EAF9	RGB 247 234 249	#F7EAF9
83.3%	83.3% #F9F4FC	RGB 249 244 252	#F9F4FC
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#EFC1ED #F1CBF0 #F3D5F3 #F5E0F6 #F7EAF9 #F9F4FC #FBFFFF

#EFC1ED - #FBFFFF

HSV Blend

#EFC1ED - #FBFFFF | 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 #EFC1ED as 0% and #FBFFFF as 100%.

0.0%	0.0% #EFC1ED	RGB 239 193 237	#EFC1ED
16.7%	16.7% #E5CAF1	RGB 229 202 241	#E5CAF1
33.3%	33.3% #DFD3F4	RGB 223 211 244	#DFD3F4
50.0%	50.0% #DDDDF7	RGB 221 221 247	#DDDDF7
66.7%	66.7% #E7ECF9	RGB 231 236 249	#E7ECF9
83.3%	83.3% #F0F8FC	RGB 240 248 252	#F0F8FC
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#EFC1ED #E5CAF1 #DFD3F4 #DDDDF7 #E7ECF9 #F0F8FC #FBFFFF

#EFC1ED - #DDDDF7 - #FBFFFF

CSS codes

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

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