#AF3DA1 - #FB71A8 | 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 #AF3DA1 to #FB71A8

#AF3DA1 #FB71A8

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

#AF3DA1 - #FB71A8 | 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 #AF3DA1 as 0% and #FB71A8 as 100%.

0.0%	0.0% #AF3DA1	RGB 175 61 161	#AF3DA1
16.7%	16.7% #BB45A2	RGB 187 69 162	#BB45A2
33.3%	33.3% #C84EA3	RGB 200 78 163	#C84EA3
50.0%	50.0% #D557A4	RGB 213 87 164	#D557A4
66.7%	66.7% #E15FA5	RGB 225 95 165	#E15FA5
83.3%	83.3% #EE68A6	RGB 238 104 166	#EE68A6
100.0%	100.0% #FB71A8	RGB 251 113 168	#FB71A8

#AF3DA1 #BB45A2 #C84EA3 #D557A4 #E15FA5 #EE68A6 #FB71A8

#AF3DA1 - #FB71A8

HSV Blend

#AF3DA1 - #FB71A8 | 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 #AF3DA1 as 0% and #FB71A8 as 100%.

0.0%	0.0% #AF3DA0	RGB 175 61 160	#AF3DA0
16.7%	16.7% #BB44A3	RGB 187 68 163	#BB44A3
33.3%	33.3% #C84CA5	RGB 200 76 165	#C84CA5
50.0%	50.0% #D555A6	RGB 213 85 166	#D555A6
66.7%	66.7% #E15DA7	RGB 225 93 167	#E15DA7
83.3%	83.3% #EE67A7	RGB 238 103 167	#EE67A7
100.0%	100.0% #FB71A8	RGB 251 113 168	#FB71A8

#AF3DA0 #BB44A3 #C84CA5 #D555A6 #E15DA7 #EE67A7 #FB71A8

#AF3DA1 - #D555A6 - #FB71A8

CSS codes

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

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