#E6BEE2 - #FEFAFA | 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 #E6BEE2 to #FEFAFA

#E6BEE2 #FEFAFA

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

#E6BEE2 - #FEFAFA | 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 #E6BEE2 as 0% and #FEFAFA as 100%.

0.0%	0.0% #E6BEE2	RGB 230 190 226	#E6BEE2
16.7%	16.7% #EAC8E6	RGB 234 200 230	#EAC8E6
33.3%	33.3% #EED2EA	RGB 238 210 234	#EED2EA
50.0%	50.0% #F2DCEE	RGB 242 220 238	#F2DCEE
66.7%	66.7% #F6E6F2	RGB 246 230 242	#F6E6F2
83.3%	83.3% #FAF0F6	RGB 250 240 246	#FAF0F6
100.0%	100.0% #FEFAFA	RGB 254 250 250	#FEFAFA

#E6BEE2 #EAC8E6 #EED2EA #F2DCEE #F6E6F2 #FAF0F6 #FEFAFA

#E6BEE2 - #FEFAFA

HSV Blend

#E6BEE2 - #FEFAFA | 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 #E6BEE2 as 0% and #FEFAFA as 100%.

0.0%	0.0% #E6BEE2	RGB 230 190 226	#E6BEE2
16.7%	16.7% #EAC7E1	RGB 234 199 225	#EAC7E1
33.3%	33.3% #EED1E2	RGB 238 209 226	#EED1E2
50.0%	50.0% #F2DBE5	RGB 242 219 229	#F2DBE5
66.7%	66.7% #F6E5EA	RGB 246 229 234	#F6E5EA
83.3%	83.3% #FAEFF1	RGB 250 239 241	#FAEFF1
100.0%	100.0% #FEFAFA	RGB 254 250 250	#FEFAFA

#E6BEE2 #EAC7E1 #EED1E2 #F2DBE5 #F6E5EA #FAEFF1 #FEFAFA

#E6BEE2 - #F2DBE5 - #FEFAFA

CSS codes

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

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