#FDBCD7 - #DC4C80 | 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 #FDBCD7 to #DC4C80

#FDBCD7 #DC4C80

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

#FDBCD7 - #DC4C80 | 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 #FDBCD7 as 0% and #DC4C80 as 100%.

0.0%	0.0% #FDBCD7	RGB 253 188 215	#FDBCD7
16.7%	16.7% #F7A9C8	RGB 247 169 200	#F7A9C8
33.3%	33.3% #F296BA	RGB 242 150 186	#F296BA
50.0%	50.0% #EC84AB	RGB 236 132 171	#EC84AB
66.7%	66.7% #E7719D	RGB 231 113 157	#E7719D
83.3%	83.3% #E15E8E	RGB 225 94 142	#E15E8E
100.0%	100.0% #DC4C80	RGB 220 76 128	#DC4C80

#FDBCD7 #F7A9C8 #F296BA #EC84AB #E7719D #E15E8E #DC4C80

#FDBCD7 - #DC4C80

HSV Blend

#FDBCD7 - #DC4C80 | 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 #FDBCD7 as 0% and #DC4C80 as 100%.

0.0%	0.0% #FDBCD7	RGB 253 188 215	#FDBCD7
16.7%	16.7% #F7A7C8	RGB 247 167 200	#F7A7C8
33.3%	33.3% #F293B9	RGB 242 147 185	#F293B9
50.0%	50.0% #EC80AA	RGB 236 128 170	#EC80AA
66.7%	66.7% #E76E9C	RGB 231 110 156	#E76E9C
83.3%	83.3% #E15C8D	RGB 225 92 141	#E15C8D
100.0%	100.0% #DC4C80	RGB 220 76 128	#DC4C80

#FDBCD7 #F7A7C8 #F293B9 #EC80AA #E76E9C #E15C8D #DC4C80

#FDBCD7 - #EC80AA - #DC4C80

CSS codes

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

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