#FEE6F0 - #DC99B0 | 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 #FEE6F0 to #DC99B0

#FEE6F0 #DC99B0

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

#FEE6F0 - #DC99B0 | 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 #FEE6F0 as 0% and #DC99B0 as 100%.

0.0%	0.0% #FEE6F0	RGB 254 230 240	#FEE6F0
16.7%	16.7% #F8D9E5	RGB 248 217 229	#F8D9E5
33.3%	33.3% #F2CCDA	RGB 242 204 218	#F2CCDA
50.0%	50.0% #EDBFD0	RGB 237 191 208	#EDBFD0
66.7%	66.7% #E7B2C5	RGB 231 178 197	#E7B2C5
83.3%	83.3% #E1A5BA	RGB 225 165 186	#E1A5BA
100.0%	100.0% #DC99B0	RGB 220 153 176	#DC99B0

#FEE6F0 #F8D9E5 #F2CCDA #EDBFD0 #E7B2C5 #E1A5BA #DC99B0

#FEE6F0 - #DC99B0

HSV Blend

#FEE6F0 - #DC99B0 | 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 #FEE6F0 as 0% and #DC99B0 as 100%.

0.0%	0.0% #FEE6F0	RGB 254 230 240	#FEE6F0
16.7%	16.7% #F8D8E5	RGB 248 216 229	#F8D8E5
33.3%	33.3% #F2CADA	RGB 242 202 218	#F2CADA
50.0%	50.0% #EDBDCF	RGB 237 189 207	#EDBDCF
66.7%	66.7% #E7B1C5	RGB 231 177 197	#E7B1C5
83.3%	83.3% #E1A4BA	RGB 225 164 186	#E1A4BA
100.0%	100.0% #DC99B0	RGB 220 153 176	#DC99B0

#FEE6F0 #F8D8E5 #F2CADA #EDBDCF #E7B1C5 #E1A4BA #DC99B0

#FEE6F0 - #EDBDCF - #DC99B0

CSS codes

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

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