#F5E2F2 - #D996C7 | 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 #F5E2F2 to #D996C7

#F5E2F2 #D996C7

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

#F5E2F2 - #D996C7 | 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 #F5E2F2 as 0% and #D996C7 as 100%.

0.0%	0.0% #F5E2F2	RGB 245 226 242	#F5E2F2
16.7%	16.7% #F0D5EA	RGB 240 213 234	#F0D5EA
33.3%	33.3% #EBC8E3	RGB 235 200 227	#EBC8E3
50.0%	50.0% #E7BCDC	RGB 231 188 220	#E7BCDC
66.7%	66.7% #E2AFD5	RGB 226 175 213	#E2AFD5
83.3%	83.3% #DDA2CE	RGB 221 162 206	#DDA2CE
100.0%	100.0% #D996C7	RGB 217 150 199	#D996C7

#F5E2F2 #F0D5EA #EBC8E3 #E7BCDC #E2AFD5 #DDA2CE #D996C7

#F5E2F2 - #D996C7

HSV Blend

#F5E2F2 - #D996C7 | 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 #F5E2F2 as 0% and #D996C7 as 100%.

0.0%	0.0% #F5E2F2	RGB 245 226 242	#F5E2F2
16.7%	16.7% #F0D4EB	RGB 240 212 235	#F0D4EB
33.3%	33.3% #EBC7E4	RGB 235 199 228	#EBC7E4
50.0%	50.0% #E7BADD	RGB 231 186 221	#E7BADD
66.7%	66.7% #E2ADD6	RGB 226 173 214	#E2ADD6
83.3%	83.3% #DDA1CE	RGB 221 161 206	#DDA1CE
100.0%	100.0% #D996C7	RGB 217 150 199	#D996C7

#F5E2F2 #F0D4EB #EBC7E4 #E7BADD #E2ADD6 #DDA1CE #D996C7

#F5E2F2 - #E7BADD - #D996C7

CSS codes

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

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