#F2EFF5 - #DFDFF5 | 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 #F2EFF5 to #DFDFF5

#F2EFF5 #DFDFF5

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

#F2EFF5 - #DFDFF5 | 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 #F2EFF5 as 0% and #DFDFF5 as 100%.

0.0%	0.0% #F2EFF5	RGB 242 239 245	#F2EFF5
16.7%	16.7% #EEECF5	RGB 238 236 245	#EEECF5
33.3%	33.3% #EBE9F5	RGB 235 233 245	#EBE9F5
50.0%	50.0% #E8E7F5	RGB 232 231 245	#E8E7F5
66.7%	66.7% #E5E4F5	RGB 229 228 245	#E5E4F5
83.3%	83.3% #E2E1F5	RGB 226 225 245	#E2E1F5
100.0%	100.0% #DFDFF5	RGB 223 223 245	#DFDFF5

#F2EFF5 #EEECF5 #EBE9F5 #E8E7F5 #E5E4F5 #E2E1F5 #DFDFF5

#F2EFF5 - #DFDFF5

HSV Blend

#F2EFF5 - #DFDFF5 | 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 #F2EFF5 as 0% and #DFDFF5 as 100%.

0.0%	0.0% #F2EFF5	RGB 242 239 245	#F2EFF5
16.7%	16.7% #EFECF5	RGB 239 236 245	#EFECF5
33.3%	33.3% #EDE9F5	RGB 237 233 245	#EDE9F5
50.0%	50.0% #EAE7F5	RGB 234 231 245	#EAE7F5
66.7%	66.7% #E7E4F5	RGB 231 228 245	#E7E4F5
83.3%	83.3% #E3E1F5	RGB 227 225 245	#E3E1F5
100.0%	100.0% #DFDFF5	RGB 223 223 245	#DFDFF5

#F2EFF5 #EFECF5 #EDE9F5 #EAE7F5 #E7E4F5 #E3E1F5 #DFDFF5

#F2EFF5 - #EAE7F5 - #DFDFF5

CSS codes

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

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