#E6C0DB - #FFF8F1 | 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 #E6C0DB to #FFF8F1

#E6C0DB #FFF8F1

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

#E6C0DB - #FFF8F1 | 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 #E6C0DB as 0% and #FFF8F1 as 100%.

0.0%	0.0% #E6C0DB	RGB 230 192 219	#E6C0DB
16.7%	16.7% #EAC9DE	RGB 234 201 222	#EAC9DE
33.3%	33.3% #EED2E2	RGB 238 210 226	#EED2E2
50.0%	50.0% #F2DCE6	RGB 242 220 230	#F2DCE6
66.7%	66.7% #F6E5E9	RGB 246 229 233	#F6E5E9
83.3%	83.3% #FAEEED	RGB 250 238 237	#FAEEED
100.0%	100.0% #FFF8F1	RGB 255 248 241	#FFF8F1

#E6C0DB #EAC9DE #EED2E2 #F2DCE6 #F6E5E9 #FAEEED #FFF8F1

#E6C0DB - #FFF8F1

HSV Blend

#E6C0DB - #FFF8F1 | 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 #E6C0DB as 0% and #FFF8F1 as 100%.

0.0%	0.0% #E6C0DB	RGB 230 192 219	#E6C0DB
16.7%	16.7% #EAC7D9	RGB 234 199 217	#EAC7D9
33.3%	33.3% #EECFD9	RGB 238 207 217	#EECFD9
50.0%	50.0% #F2D7DA	RGB 242 215 218	#F2D7DA
66.7%	66.7% #F6E2E0	RGB 246 226 224	#F6E2E0
83.3%	83.3% #FAEDE8	RGB 250 237 232	#FAEDE8
100.0%	100.0% #FFF8F1	RGB 255 248 241	#FFF8F1

#E6C0DB #EAC7D9 #EECFD9 #F2D7DA #F6E2E0 #FAEDE8 #FFF8F1

#E6C0DB - #F2D7DA - #FFF8F1

CSS codes

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

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