#F5E1EC - #D290AC | 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 #F5E1EC to #D290AC

#F5E1EC #D290AC

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

#F5E1EC - #D290AC | 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 #F5E1EC as 0% and #D290AC as 100%.

0.0%	0.0% #F5E1EC	RGB 245 225 236	#F5E1EC
16.7%	16.7% #EFD3E1	RGB 239 211 225	#EFD3E1
33.3%	33.3% #E9C6D6	RGB 233 198 214	#E9C6D6
50.0%	50.0% #E3B8CC	RGB 227 184 204	#E3B8CC
66.7%	66.7% #DDABC1	RGB 221 171 193	#DDABC1
83.3%	83.3% #D79DB6	RGB 215 157 182	#D79DB6
100.0%	100.0% #D290AC	RGB 210 144 172	#D290AC

#F5E1EC #EFD3E1 #E9C6D6 #E3B8CC #DDABC1 #D79DB6 #D290AC

#F5E1EC - #D290AC

HSV Blend

#F5E1EC - #D290AC | 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 #F5E1EC as 0% and #D290AC as 100%.

0.0%	0.0% #F5E1EC	RGB 245 225 236	#F5E1EC
16.7%	16.7% #EFD2E1	RGB 239 210 225	#EFD2E1
33.3%	33.3% #E9C4D7	RGB 233 196 215	#E9C4D7
50.0%	50.0% #E3B6CC	RGB 227 182 204	#E3B6CC
66.7%	66.7% #DDA9C1	RGB 221 169 193	#DDA9C1
83.3%	83.3% #D79CB6	RGB 215 156 182	#D79CB6
100.0%	100.0% #D290AC	RGB 210 144 172	#D290AC

#F5E1EC #EFD2E1 #E9C4D7 #E3B6CC #DDA9C1 #D79CB6 #D290AC

#F5E1EC - #E3B6CC - #D290AC

CSS codes

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

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