#E6B0D2 - #FCF3EB | 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 #E6B0D2 to #FCF3EB

#E6B0D2 #FCF3EB

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

#E6B0D2 - #FCF3EB | 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 #E6B0D2 as 0% and #FCF3EB as 100%.

0.0%	0.0% #E6B0D2	RGB 230 176 210	#E6B0D2
16.7%	16.7% #E9BBD6	RGB 233 187 214	#E9BBD6
33.3%	33.3% #EDC6DA	RGB 237 198 218	#EDC6DA
50.0%	50.0% #F1D1DE	RGB 241 209 222	#F1D1DE
66.7%	66.7% #F4DCE2	RGB 244 220 226	#F4DCE2
83.3%	83.3% #F8E7E6	RGB 248 231 230	#F8E7E6
100.0%	100.0% #FCF3EB	RGB 252 243 235	#FCF3EB

#E6B0D2 #E9BBD6 #EDC6DA #F1D1DE #F4DCE2 #F8E7E6 #FCF3EB

#E6B0D2 - #FCF3EB

HSV Blend

#E6B0D2 - #FCF3EB | 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 #E6B0D2 as 0% and #FCF3EB as 100%.

0.0%	0.0% #E6B0D2	RGB 230 176 210	#E6B0D2
16.7%	16.7% #E9B9CE	RGB 233 185 206	#E9B9CE
33.3%	33.3% #EDC2CE	RGB 237 194 206	#EDC2CE
50.0%	50.0% #F1CCCF	RGB 241 204 207	#F1CCCF
66.7%	66.7% #F4D9D6	RGB 244 217 214	#F4D9D6
83.3%	83.3% #F8E7E0	RGB 248 231 224	#F8E7E0
100.0%	100.0% #FCF3EB	RGB 252 243 235	#FCF3EB

#E6B0D2 #E9B9CE #EDC2CE #F1CCCF #F4D9D6 #F8E7E0 #FCF3EB

#E6B0D2 - #F1CCCF - #FCF3EB

CSS codes

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

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