#EFEDF2 - #EFC8F2 | 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 #EFEDF2 to #EFC8F2

#EFEDF2 #EFC8F2

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

#EFEDF2 - #EFC8F2 | 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 #EFEDF2 as 0% and #EFC8F2 as 100%.

0.0%	0.0% #EFEDF2	RGB 239 237 242	#EFEDF2
16.7%	16.7% #EFE6F2	RGB 239 230 242	#EFE6F2
33.3%	33.3% #EFE0F2	RGB 239 224 242	#EFE0F2
50.0%	50.0% #EFDAF2	RGB 239 218 242	#EFDAF2
66.7%	66.7% #EFD4F2	RGB 239 212 242	#EFD4F2
83.3%	83.3% #EFCEF2	RGB 239 206 242	#EFCEF2
100.0%	100.0% #EFC8F2	RGB 239 200 242	#EFC8F2

#EFEDF2 #EFE6F2 #EFE0F2 #EFDAF2 #EFD4F2 #EFCEF2 #EFC8F2

#EFEDF2 - #EFC8F2

HSV Blend

#EFEDF2 - #EFC8F2 | 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 #EFEDF2 as 0% and #EFC8F2 as 100%.

0.0%	0.0% #EFEDF2	RGB 239 237 242	#EFEDF2
16.7%	16.7% #ECE6F2	RGB 236 230 242	#ECE6F2
33.3%	33.3% #EAE0F2	RGB 234 224 242	#EAE0F2
50.0%	50.0% #EADAF2	RGB 234 218 242	#EADAF2
66.7%	66.7% #EAD4F2	RGB 234 212 242	#EAD4F2
83.3%	83.3% #ECCEF2	RGB 236 206 242	#ECCEF2
100.0%	100.0% #EFC8F2	RGB 239 200 242	#EFC8F2

#EFEDF2 #ECE6F2 #EAE0F2 #EADAF2 #EAD4F2 #ECCEF2 #EFC8F2

#EFEDF2 - #EADAF2 - #EFC8F2

CSS codes

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

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