#AB5E9F - #E284FC | 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 #AB5E9F to #E284FC

#AB5E9F #E284FC

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

#AB5E9F - #E284FC | 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 #AB5E9F as 0% and #E284FC as 100%.

0.0%	0.0% #AB5E9F	RGB 171 94 159	#AB5E9F
16.7%	16.7% #B464AE	RGB 180 100 174	#B464AE
33.3%	33.3% #BD6ABE	RGB 189 106 190	#BD6ABE
50.0%	50.0% #C671CD	RGB 198 113 205	#C671CD
66.7%	66.7% #CF77DD	RGB 207 119 221	#CF77DD
83.3%	83.3% #D87DEC	RGB 216 125 236	#D87DEC
100.0%	100.0% #E284FC	RGB 226 132 252	#E284FC

#AB5E9F #B464AE #BD6ABE #C671CD #CF77DD #D87DEC #E284FC

#AB5E9F - #E284FC

HSV Blend

#AB5E9F - #E284FC | 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 #AB5E9F as 0% and #E284FC as 100%.

0.0%	0.0% #AB5E9F	RGB 171 94 159	#AB5E9F
16.7%	16.7% #B864B0	RGB 184 100 176	#B864B0
33.3%	33.3% #C66BC3	RGB 198 107 195	#C66BC3
50.0%	50.0% #D071D3	RGB 208 113 211	#D071D3
66.7%	66.7% #D777E1	RGB 215 119 225	#D777E1
83.3%	83.3% #DD7DEE	RGB 221 125 238	#DD7DEE
100.0%	100.0% #E284FC	RGB 226 132 252	#E284FC

#AB5E9F #B864B0 #C66BC3 #D071D3 #D777E1 #DD7DEE #E284FC

#AB5E9F - #D071D3 - #E284FC

CSS codes

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

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