#FECFE1 - #DB759B | 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 #FECFE1 to #DB759B

#FECFE1 #DB759B

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

#FECFE1 - #DB759B | 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 #FECFE1 as 0% and #DB759B as 100%.

0.0%	0.0% #FECFE1	RGB 254 207 225	#FECFE1
16.7%	16.7% #F8C0D5	RGB 248 192 213	#F8C0D5
33.3%	33.3% #F2B1C9	RGB 242 177 201	#F2B1C9
50.0%	50.0% #ECA2BE	RGB 236 162 190	#ECA2BE
66.7%	66.7% #E693B2	RGB 230 147 178	#E693B2
83.3%	83.3% #E084A6	RGB 224 132 166	#E084A6
100.0%	100.0% #DB759B	RGB 219 117 155	#DB759B

#FECFE1 #F8C0D5 #F2B1C9 #ECA2BE #E693B2 #E084A6 #DB759B

#FECFE1 - #DB759B

HSV Blend

#FECFE1 - #DB759B | 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 #FECFE1 as 0% and #DB759B as 100%.

0.0%	0.0% #FECFE1	RGB 254 207 225	#FECFE1
16.7%	16.7% #F8BED4	RGB 248 190 212	#F8BED4
33.3%	33.3% #F2AEC8	RGB 242 174 200	#F2AEC8
50.0%	50.0% #EC9FBC	RGB 236 159 188	#EC9FBC
66.7%	66.7% #E690B1	RGB 230 144 177	#E690B1
83.3%	83.3% #E082A5	RGB 224 130 165	#E082A5
100.0%	100.0% #DB759B	RGB 219 117 155	#DB759B

#FECFE1 #F8BED4 #F2AEC8 #EC9FBC #E690B1 #E082A5 #DB759B

#FECFE1 - #EC9FBC - #DB759B

CSS codes

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

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