#E6D9F0 - #FFF4E5 | 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 #E6D9F0 to #FFF4E5

#E6D9F0 #FFF4E5

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

#E6D9F0 - #FFF4E5 | 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 #E6D9F0 as 0% and #FFF4E5 as 100%.

0.0%	0.0% #E6D9F0	RGB 230 217 240	#E6D9F0
16.7%	16.7% #EADDEE	RGB 234 221 238	#EADDEE
33.3%	33.3% #EEE2EC	RGB 238 226 236	#EEE2EC
50.0%	50.0% #F2E6EA	RGB 242 230 234	#F2E6EA
66.7%	66.7% #F6EBE8	RGB 246 235 232	#F6EBE8
83.3%	83.3% #FAEFE6	RGB 250 239 230	#FAEFE6
100.0%	100.0% #FFF4E5	RGB 255 244 229	#FFF4E5

#E6D9F0 #EADDEE #EEE2EC #F2E6EA #F6EBE8 #FAEFE6 #FFF4E5

#E6D9F0 - #FFF4E5

HSV Blend

#E6D9F0 - #FFF4E5 | 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 #E6D9F0 as 0% and #FFF4E5 as 100%.

0.0%	0.0% #E6D9F0	RGB 230 217 240	#E6D9F0
16.7%	16.7% #F0DBF2	RGB 240 219 242	#F0DBF2
33.3%	33.3% #F5DDEF	RGB 245 221 239	#F5DDEF
50.0%	50.0% #F7DFE9	RGB 247 223 233	#F7DFE9
66.7%	66.7% #FAE1E3	RGB 250 225 227	#FAE1E3
83.3%	83.3% #FCE9E3	RGB 252 233 227	#FCE9E3
100.0%	100.0% #FFF4E5	RGB 255 244 229	#FFF4E5

#E6D9F0 #F0DBF2 #F5DDEF #F7DFE9 #FAE1E3 #FCE9E3 #FFF4E5

#E6D9F0 - #F7DFE9 - #FFF4E5

CSS codes

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

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