#AF3E7E - #F8969C | 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 #AF3E7E to #F8969C

#AF3E7E #F8969C

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

#AF3E7E - #F8969C | 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 #AF3E7E as 0% and #F8969C as 100%.

0.0%	0.0% #AF3E7E	RGB 175 62 126	#AF3E7E
16.7%	16.7% #BB4C83	RGB 187 76 131	#BB4C83
33.3%	33.3% #C75B88	RGB 199 91 136	#C75B88
50.0%	50.0% #D36A8D	RGB 211 106 141	#D36A8D
66.7%	66.7% #DF7892	RGB 223 120 146	#DF7892
83.3%	83.3% #EB8797	RGB 235 135 151	#EB8797
100.0%	100.0% #F8969C	RGB 248 150 156	#F8969C

#AF3E7E #BB4C83 #C75B88 #D36A8D #DF7892 #EB8797 #F8969C

#AF3E7E - #F8969C

HSV Blend

#AF3E7E - #F8969C | 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 #AF3E7E as 0% and #F8969C as 100%.

0.0%	0.0% #AF3E7E	RGB 175 62 126	#AF3E7E
16.7%	16.7% #BB4A80	RGB 187 74 128	#BB4A80
33.3%	33.3% #C75783	RGB 199 87 131	#C75783
50.0%	50.0% #D36587	RGB 211 101 135	#D36587
66.7%	66.7% #DF748D	RGB 223 116 141	#DF748D
83.3%	83.3% #EB8493	RGB 235 132 147	#EB8493
100.0%	100.0% #F8969C	RGB 248 150 156	#F8969C

#AF3E7E #BB4A80 #C75783 #D36587 #DF748D #EB8493 #F8969C

#AF3E7E - #D36587 - #F8969C

CSS codes

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

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