#E6D4E5 - #FFECEB | 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 #E6D4E5 to #FFECEB

#E6D4E5 #FFECEB

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

#E6D4E5 - #FFECEB | 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 #E6D4E5 as 0% and #FFECEB as 100%.

0.0%	0.0% #E6D4E5	RGB 230 212 229	#E6D4E5
16.7%	16.7% #EAD8E6	RGB 234 216 230	#EAD8E6
33.3%	33.3% #EEDCE7	RGB 238 220 231	#EEDCE7
50.0%	50.0% #F2E0E8	RGB 242 224 232	#F2E0E8
66.7%	66.7% #F6E4E9	RGB 246 228 233	#F6E4E9
83.3%	83.3% #FAE8EA	RGB 250 232 234	#FAE8EA
100.0%	100.0% #FFECEB	RGB 255 236 235	#FFECEB

#E6D4E5 #EAD8E6 #EEDCE7 #F2E0E8 #F6E4E9 #FAE8EA #FFECEB

#E6D4E5 - #FFECEB

HSV Blend

#E6D4E5 - #FFECEB | 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 #E6D4E5 as 0% and #FFECEB as 100%.

0.0%	0.0% #E6D4E5	RGB 230 212 229	#E6D4E5
16.7%	16.7% #EAD7E6	RGB 234 215 230	#EAD7E6
33.3%	33.3% #EEDBE7	RGB 238 219 231	#EEDBE7
50.0%	50.0% #F2DFE7	RGB 242 223 231	#F2DFE7
66.7%	66.7% #F6E3E8	RGB 246 227 232	#F6E3E8
83.3%	83.3% #FAE7E9	RGB 250 231 233	#FAE7E9
100.0%	100.0% #FFECEB	RGB 255 236 235	#FFECEB

#E6D4E5 #EAD7E6 #EEDBE7 #F2DFE7 #F6E3E8 #FAE7E9 #FFECEB

#E6D4E5 - #F2DFE7 - #FFECEB

CSS codes

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

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