#AF6B5E - #FF80DA | 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 #AF6B5E to #FF80DA

#AF6B5E #FF80DA

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

#AF6B5E - #FF80DA | 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 #AF6B5E as 0% and #FF80DA as 100%.

0.0%	0.0% #AF6B5E	RGB 175 107 94	#AF6B5E
16.7%	16.7% #BC6E72	RGB 188 110 114	#BC6E72
33.3%	33.3% #C97287	RGB 201 114 135	#C97287
50.0%	50.0% #D7759C	RGB 215 117 156	#D7759C
66.7%	66.7% #E479B0	RGB 228 121 176	#E479B0
83.3%	83.3% #F17CC5	RGB 241 124 197	#F17CC5
100.0%	100.0% #FF80DA	RGB 255 128 218	#FF80DA

#AF6B5E #BC6E72 #C97287 #D7759C #E479B0 #F17CC5 #FF80DA

#AF6B5E - #FF80DA

HSV Blend

#AF6B5E - #FF80DA | 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 #AF6B5E as 0% and #FF80DA as 100%.

0.0%	0.0% #AF6B5E	RGB 175 107 94	#AF6B5E
16.7%	16.7% #BC6564	RGB 188 101 100	#BC6564
33.3%	33.3% #C96976	RGB 201 105 118	#C96976
50.0%	50.0% #D76F8C	RGB 215 111 140	#D76F8C
66.7%	66.7% #E475A3	RGB 228 117 163	#E475A3
83.3%	83.3% #F17ABD	RGB 241 122 189	#F17ABD
100.0%	100.0% #FF80DA	RGB 255 128 218	#FF80DA

#AF6B5E #BC6564 #C96976 #D76F8C #E475A3 #F17ABD #FF80DA

#AF6B5E - #D76F8C - #FF80DA

CSS codes

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

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