#E6C0ED - #FFF0E2 | 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 #E6C0ED to #FFF0E2

#E6C0ED #FFF0E2

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

#E6C0ED - #FFF0E2 | 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 #E6C0ED as 0% and #FFF0E2 as 100%.

0.0%	0.0% #E6C0ED	RGB 230 192 237	#E6C0ED
16.7%	16.7% #EAC8EB	RGB 234 200 235	#EAC8EB
33.3%	33.3% #EED0E9	RGB 238 208 233	#EED0E9
50.0%	50.0% #F2D8E7	RGB 242 216 231	#F2D8E7
66.7%	66.7% #F6E0E5	RGB 246 224 229	#F6E0E5
83.3%	83.3% #FAE8E3	RGB 250 232 227	#FAE8E3
100.0%	100.0% #FFF0E2	RGB 255 240 226	#FFF0E2

#E6C0ED #EAC8EB #EED0E9 #F2D8E7 #F6E0E5 #FAE8E3 #FFF0E2

#E6C0ED - #FFF0E2

HSV Blend

#E6C0ED - #FFF0E2 | 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 #E6C0ED as 0% and #FFF0E2 as 100%.

0.0%	0.0% #E6C0ED	RGB 230 192 237	#E6C0ED
16.7%	16.7% #F0C5EB	RGB 240 197 235	#F0C5EB
33.3%	33.3% #F3CBE3	RGB 243 203 227	#F3CBE3
50.0%	50.0% #F6D0DD	RGB 246 208 221	#F6D0DD
66.7%	66.7% #F9D6D8	RGB 249 214 216	#F9D6D8
83.3%	83.3% #FCE2DC	RGB 252 226 220	#FCE2DC
100.0%	100.0% #FFF0E2	RGB 255 240 226	#FFF0E2

#E6C0ED #F0C5EB #F3CBE3 #F6D0DD #F9D6D8 #FCE2DC #FFF0E2

#E6C0ED - #F6D0DD - #FFF0E2

CSS codes

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

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