#E6C5E9 - #FFF7F7 | 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 #E6C5E9 to #FFF7F7

#E6C5E9 #FFF7F7

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

#E6C5E9 - #FFF7F7 | 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 #E6C5E9 as 0% and #FFF7F7 as 100%.

0.0%	0.0% #E6C5E9	RGB 230 197 233	#E6C5E9
16.7%	16.7% #EACDEB	RGB 234 205 235	#EACDEB
33.3%	33.3% #EED5ED	RGB 238 213 237	#EED5ED
50.0%	50.0% #F2DEF0	RGB 242 222 240	#F2DEF0
66.7%	66.7% #F6E6F2	RGB 246 230 242	#F6E6F2
83.3%	83.3% #FAEEF4	RGB 250 238 244	#FAEEF4
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#E6C5E9 #EACDEB #EED5ED #F2DEF0 #F6E6F2 #FAEEF4 #FFF7F7

#E6C5E9 - #FFF7F7

HSV Blend

#E6C5E9 - #FFF7F7 | 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 #E6C5E9 as 0% and #FFF7F7 as 100%.

0.0%	0.0% #E6C5E9	RGB 230 197 233	#E6C5E9
16.7%	16.7% #ECCCE9	RGB 236 204 233	#ECCCE9
33.3%	33.3% #F0D5E8	RGB 240 213 232	#F0D5E8
50.0%	50.0% #F4DDE9	RGB 244 221 233	#F4DDE9
66.7%	66.7% #F7E5EC	RGB 247 229 236	#F7E5EC
83.3%	83.3% #FBEEF0	RGB 251 238 240	#FBEEF0
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#E6C5E9 #ECCCE9 #F0D5E8 #F4DDE9 #F7E5EC #FBEEF0 #FFF7F7

#E6C5E9 - #F4DDE9 - #FFF7F7

CSS codes

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

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