#FF6DB8 - #FCDFDC | 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 #FF6DB8 to #FCDFDC

#FF6DB8 #FCDFDC

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

#FF6DB8 - #FCDFDC | 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 #FF6DB8 as 0% and #FCDFDC as 100%.

0.0%	0.0% #FF6DB8	RGB 255 109 184	#FF6DB8
16.7%	16.7% #FE80BE	RGB 254 128 190	#FE80BE
33.3%	33.3% #FE93C4	RGB 254 147 196	#FE93C4
50.0%	50.0% #FDA6CA	RGB 253 166 202	#FDA6CA
66.7%	66.7% #FDB9D0	RGB 253 185 208	#FDB9D0
83.3%	83.3% #FCCCD6	RGB 252 204 214	#FCCCD6
100.0%	100.0% #FCDFDC	RGB 252 223 220	#FCDFDC

#FF6DB8 #FE80BE #FE93C4 #FDA6CA #FDB9D0 #FCCCD6 #FCDFDC

#FF6DB8 - #FCDFDC

HSV Blend

#FF6DB8 - #FCDFDC | 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 #FF6DB8 as 0% and #FCDFDC as 100%.

0.0%	0.0% #FF6DB7	RGB 255 109 183	#FF6DB7
16.7%	16.7% #FE7FB3	RGB 254 127 179	#FE7FB3
33.3%	33.3% #FE92B3	RGB 254 146 179	#FE92B3
50.0%	50.0% #FDA4B7	RGB 253 164 183	#FDA4B7
66.7%	66.7% #FDB7BE	RGB 253 183 190	#FDB7BE
83.3%	83.3% #FCC9CA	RGB 252 201 202	#FCC9CA
100.0%	100.0% #FCDFDC	RGB 252 223 220	#FCDFDC

#FF6DB7 #FE7FB3 #FE92B3 #FDA4B7 #FDB7BE #FCC9CA #FCDFDC

#FF6DB8 - #FDA4B7 - #FCDFDC

CSS codes

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

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