#AB77DF - #FD9AFB | 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 #AB77DF to #FD9AFB

#AB77DF #FD9AFB

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

#AB77DF - #FD9AFB | 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 #AB77DF as 0% and #FD9AFB as 100%.

0.0%	0.0% #AB77DF	RGB 171 119 223	#AB77DF
16.7%	16.7% #B87CE3	RGB 184 124 227	#B87CE3
33.3%	33.3% #C682E8	RGB 198 130 232	#C682E8
50.0%	50.0% #D488ED	RGB 212 136 237	#D488ED
66.7%	66.7% #E18EF1	RGB 225 142 241	#E18EF1
83.3%	83.3% #EF94F6	RGB 239 148 246	#EF94F6
100.0%	100.0% #FD9AFB	RGB 253 154 251	#FD9AFB

#AB77DF #B87CE3 #C682E8 #D488ED #E18EF1 #EF94F6 #FD9AFB

#AB77DF - #FD9AFB

HSV Blend

#AB77DF - #FD9AFB | 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 #AB77DF as 0% and #FD9AFB as 100%.

0.0%	0.0% #AB77DF	RGB 171 119 223	#AB77DF
16.7%	16.7% #B97CE4	RGB 185 124 228	#B97CE4
33.3%	33.3% #C782E9	RGB 199 130 233	#C782E9
50.0%	50.0% #D587EE	RGB 213 135 238	#D587EE
66.7%	66.7% #E38DF3	RGB 227 141 243	#E38DF3
83.3%	83.3% #F193F8	RGB 241 147 248	#F193F8
100.0%	100.0% #FD9AFB	RGB 253 154 251	#FD9AFB

#AB77DF #B97CE4 #C782E9 #D587EE #E38DF3 #F193F8 #FD9AFB

#AB77DF - #D587EE - #FD9AFB

CSS codes

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

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