#FEC7E2 - #DB669D | 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 #FEC7E2 to #DB669D

#FEC7E2 #DB669D

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

#FEC7E2 - #DB669D | 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 #FEC7E2 as 0% and #DB669D as 100%.

0.0%	0.0% #FEC7E2	RGB 254 199 226	#FEC7E2
16.7%	16.7% #F8B6D6	RGB 248 182 214	#F8B6D6
33.3%	33.3% #F2A6CB	RGB 242 166 203	#F2A6CB
50.0%	50.0% #EC96BF	RGB 236 150 191	#EC96BF
66.7%	66.7% #E686B4	RGB 230 134 180	#E686B4
83.3%	83.3% #E076A8	RGB 224 118 168	#E076A8
100.0%	100.0% #DB669D	RGB 219 102 157	#DB669D

#FEC7E2 #F8B6D6 #F2A6CB #EC96BF #E686B4 #E076A8 #DB669D

#FEC7E2 - #DB669D

HSV Blend

#FEC7E2 - #DB669D | 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 #FEC7E2 as 0% and #DB669D as 100%.

0.0%	0.0% #FEC7E2	RGB 254 199 226	#FEC7E2
16.7%	16.7% #F8B5D5	RGB 248 181 213	#F8B5D5
33.3%	33.3% #F2A4CA	RGB 242 164 202	#F2A4CA
50.0%	50.0% #EC93BE	RGB 236 147 190	#EC93BE
66.7%	66.7% #E683B2	RGB 230 131 178	#E683B2
83.3%	83.3% #E074A7	RGB 224 116 167	#E074A7
100.0%	100.0% #DB669D	RGB 219 102 157	#DB669D

#FEC7E2 #F8B5D5 #F2A4CA #EC93BE #E683B2 #E074A7 #DB669D

#FEC7E2 - #EC93BE - #DB669D

CSS codes

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

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