#F7AFDF - #D1409B | 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 #F7AFDF to #D1409B

#F7AFDF #D1409B

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

#F7AFDF - #D1409B | 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 #F7AFDF as 0% and #D1409B as 100%.

0.0%	0.0% #F7AFDF	RGB 247 175 223	#F7AFDF
16.7%	16.7% #F09CD3	RGB 240 156 211	#F09CD3
33.3%	33.3% #EA8AC8	RGB 234 138 200	#EA8AC8
50.0%	50.0% #E477BD	RGB 228 119 189	#E477BD
66.7%	66.7% #DD65B1	RGB 221 101 177	#DD65B1
83.3%	83.3% #D752A6	RGB 215 82 166	#D752A6
100.0%	100.0% #D1409B	RGB 209 64 155	#D1409B

#F7AFDF #F09CD3 #EA8AC8 #E477BD #DD65B1 #D752A6 #D1409B

#F7AFDF - #D1409B

HSV Blend

#F7AFDF - #D1409B | 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 #F7AFDF as 0% and #D1409B as 100%.

0.0%	0.0% #F7AFDF	RGB 247 175 223	#F7AFDF
16.7%	16.7% #F09AD3	RGB 240 154 211	#F09AD3
33.3%	33.3% #EA86C7	RGB 234 134 199	#EA86C7
50.0%	50.0% #E473BC	RGB 228 115 188	#E473BC
66.7%	66.7% #DD61B1	RGB 221 97 177	#DD61B1
83.3%	83.3% #D750A5	RGB 215 80 165	#D750A5
100.0%	100.0% #D1409B	RGB 209 64 155	#D1409B

#F7AFDF #F09AD3 #EA86C7 #E473BC #DD61B1 #D750A5 #D1409B

#F7AFDF - #E473BC - #D1409B

CSS codes

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

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