#E8C7DF - #FFFAF4 | 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 #E8C7DF to #FFFAF4

#E8C7DF #FFFAF4

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

#E8C7DF - #FFFAF4 | 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 #E8C7DF as 0% and #FFFAF4 as 100%.

0.0%	0.0% #E8C7DF	RGB 232 199 223	#E8C7DF
16.7%	16.7% #EBCFE2	RGB 235 207 226	#EBCFE2
33.3%	33.3% #EFD8E6	RGB 239 216 230	#EFD8E6
50.0%	50.0% #F3E0E9	RGB 243 224 233	#F3E0E9
66.7%	66.7% #F7E9ED	RGB 247 233 237	#F7E9ED
83.3%	83.3% #FBF1F0	RGB 251 241 240	#FBF1F0
100.0%	100.0% #FFFAF4	RGB 255 250 244	#FFFAF4

#E8C7DF #EBCFE2 #EFD8E6 #F3E0E9 #F7E9ED #FBF1F0 #FFFAF4

#E8C7DF - #FFFAF4

HSV Blend

#E8C7DF - #FFFAF4 | 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 #E8C7DF as 0% and #FFFAF4 as 100%.

0.0%	0.0% #E8C7DF	RGB 232 199 223	#E8C7DF
16.7%	16.7% #EBCEDD	RGB 235 206 221	#EBCEDD
33.3%	33.3% #EFD5DD	RGB 239 213 221	#EFD5DD
50.0%	50.0% #F3DCDE	RGB 243 220 222	#F3DCDE
66.7%	66.7% #F7E6E4	RGB 247 230 228	#F7E6E4
83.3%	83.3% #FBF1EC	RGB 251 241 236	#FBF1EC
100.0%	100.0% #FFFAF4	RGB 255 250 244	#FFFAF4

#E8C7DF #EBCEDD #EFD5DD #F3DCDE #F7E6E4 #FBF1EC #FFFAF4

#E8C7DF - #F3DCDE - #FFFAF4

CSS codes

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

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