#F7E7EB - #DC9CA4 | 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 #F7E7EB to #DC9CA4

#F7E7EB #DC9CA4

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

#F7E7EB - #DC9CA4 | 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 #F7E7EB as 0% and #DC9CA4 as 100%.

0.0%	0.0% #F7E7EB	RGB 247 231 235	#F7E7EB
16.7%	16.7% #F2DADF	RGB 242 218 223	#F2DADF
33.3%	33.3% #EECED3	RGB 238 206 211	#EECED3
50.0%	50.0% #E9C1C7	RGB 233 193 199	#E9C1C7
66.7%	66.7% #E5B5BB	RGB 229 181 187	#E5B5BB
83.3%	83.3% #E0A8AF	RGB 224 168 175	#E0A8AF
100.0%	100.0% #DC9CA4	RGB 220 156 164	#DC9CA4

#F7E7EB #F2DADF #EECED3 #E9C1C7 #E5B5BB #E0A8AF #DC9CA4

#F7E7EB - #DC9CA4

HSV Blend

#F7E7EB - #DC9CA4 | 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 #F7E7EB as 0% and #DC9CA4 as 100%.

0.0%	0.0% #F7E7EB	RGB 247 231 235	#F7E7EB
16.7%	16.7% #F2D9DF	RGB 242 217 223	#F2D9DF
33.3%	33.3% #EECCD3	RGB 238 204 211	#EECCD3
50.0%	50.0% #E9BFC7	RGB 233 191 199	#E9BFC7
66.7%	66.7% #E5B3BB	RGB 229 179 187	#E5B3BB
83.3%	83.3% #E0A7AF	RGB 224 167 175	#E0A7AF
100.0%	100.0% #DC9CA4	RGB 220 156 164	#DC9CA4

#F7E7EB #F2D9DF #EECCD3 #E9BFC7 #E5B3BB #E0A7AF #DC9CA4

#F7E7EB - #E9BFC7 - #DC9CA4

CSS codes

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

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