#AF75A8 - #F9CAC8 | 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 #AF75A8 to #F9CAC8

#AF75A8 #F9CAC8

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

#AF75A8 - #F9CAC8 | 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 #AF75A8 as 0% and #F9CAC8 as 100%.

0.0%	0.0% #AF75A8	RGB 175 117 168	#AF75A8
16.7%	16.7% #BB83AD	RGB 187 131 173	#BB83AD
33.3%	33.3% #C791B2	RGB 199 145 178	#C791B2
50.0%	50.0% #D49FB8	RGB 212 159 184	#D49FB8
66.7%	66.7% #E0ADBD	RGB 224 173 189	#E0ADBD
83.3%	83.3% #ECBBC2	RGB 236 187 194	#ECBBC2
100.0%	100.0% #F9CAC8	RGB 249 202 200	#F9CAC8

#AF75A8 #BB83AD #C791B2 #D49FB8 #E0ADBD #ECBBC2 #F9CAC8

#AF75A8 - #F9CAC8

HSV Blend

#AF75A8 - #F9CAC8 | 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 #AF75A8 as 0% and #F9CAC8 as 100%.

0.0%	0.0% #AF75A8	RGB 175 117 168	#AF75A8
16.7%	16.7% #BB81AB	RGB 187 129 171	#BB81AB
33.3%	33.3% #C78EAF	RGB 199 142 175	#C78EAF
50.0%	50.0% #D49CB3	RGB 212 156 179	#D49CB3
66.7%	66.7% #E0AAB8	RGB 224 170 184	#E0AAB8
83.3%	83.3% #ECB8BE	RGB 236 184 190	#ECB8BE
100.0%	100.0% #F9CAC8	RGB 249 202 200	#F9CAC8

#AF75A8 #BB81AB #C78EAF #D49CB3 #E0AAB8 #ECB8BE #F9CAC8

#AF75A8 - #D49CB3 - #F9CAC8

CSS codes

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

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