#F5E2ED - #D291AD | 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 #F5E2ED to #D291AD

#F5E2ED #D291AD

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

#F5E2ED - #D291AD | 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 #F5E2ED as 0% and #D291AD as 100%.

0.0%	0.0% #F5E2ED	RGB 245 226 237	#F5E2ED
16.7%	16.7% #EFD4E2	RGB 239 212 226	#EFD4E2
33.3%	33.3% #E9C7D7	RGB 233 199 215	#E9C7D7
50.0%	50.0% #E3B9CD	RGB 227 185 205	#E3B9CD
66.7%	66.7% #DDACC2	RGB 221 172 194	#DDACC2
83.3%	83.3% #D79EB7	RGB 215 158 183	#D79EB7
100.0%	100.0% #D291AD	RGB 210 145 173	#D291AD

#F5E2ED #EFD4E2 #E9C7D7 #E3B9CD #DDACC2 #D79EB7 #D291AD

#F5E2ED - #D291AD

HSV Blend

#F5E2ED - #D291AD | 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 #F5E2ED as 0% and #D291AD as 100%.

0.0%	0.0% #F5E2ED	RGB 245 226 237	#F5E2ED
16.7%	16.7% #EFD3E2	RGB 239 211 226	#EFD3E2
33.3%	33.3% #E9C5D8	RGB 233 197 216	#E9C5D8
50.0%	50.0% #E3B7CD	RGB 227 183 205	#E3B7CD
66.7%	66.7% #DDAAC2	RGB 221 170 194	#DDAAC2
83.3%	83.3% #D79DB7	RGB 215 157 183	#D79DB7
100.0%	100.0% #D291AD	RGB 210 145 173	#D291AD

#F5E2ED #EFD3E2 #E9C5D8 #E3B7CD #DDAAC2 #D79DB7 #D291AD

#F5E2ED - #E3B7CD - #D291AD

CSS codes

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

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