#FFAFC7 - #DA3F6B | 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 #FFAFC7 to #DA3F6B

#FFAFC7 #DA3F6B

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

#FFAFC7 - #DA3F6B | 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 #FFAFC7 as 0% and #DA3F6B as 100%.

0.0%	0.0% #FFAFC7	RGB 255 175 199	#FFAFC7
16.7%	16.7% #F89CB7	RGB 248 156 183	#F89CB7
33.3%	33.3% #F289A8	RGB 242 137 168	#F289A8
50.0%	50.0% #EC7799	RGB 236 119 153	#EC7799
66.7%	66.7% #E66489	RGB 230 100 137	#E66489
83.3%	83.3% #E0517A	RGB 224 81 122	#E0517A
100.0%	100.0% #DA3F6B	RGB 218 63 107	#DA3F6B

#FFAFC7 #F89CB7 #F289A8 #EC7799 #E66489 #E0517A #DA3F6B

#FFAFC7 - #DA3F6B

HSV Blend

#FFAFC7 - #DA3F6B | 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 #FFAFC7 as 0% and #DA3F6B as 100%.

0.0%	0.0% #FFAFC7	RGB 255 175 199	#FFAFC7
16.7%	16.7% #F89AB6	RGB 248 154 182	#F89AB6
33.3%	33.3% #F286A6	RGB 242 134 166	#F286A6
50.0%	50.0% #EC7396	RGB 236 115 150	#EC7396
66.7%	66.7% #E66187	RGB 230 97 135	#E66187
83.3%	83.3% #E04F79	RGB 224 79 121	#E04F79
100.0%	100.0% #DA3F6B	RGB 218 63 107	#DA3F6B

#FFAFC7 #F89AB6 #F286A6 #EC7396 #E66187 #E04F79 #DA3F6B

#FFAFC7 - #EC7396 - #DA3F6B

CSS codes

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

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