#A85DF5 - #E5D1FC | 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 #A85DF5 to #E5D1FC

#A85DF5 #E5D1FC

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

#A85DF5 - #E5D1FC | 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 #A85DF5 as 0% and #E5D1FC as 100%.

0.0%	0.0% #A85DF5	RGB 168 93 245	#A85DF5
16.7%	16.7% #B270F6	RGB 178 112 246	#B270F6
33.3%	33.3% #BC83F7	RGB 188 131 247	#BC83F7
50.0%	50.0% #C697F8	RGB 198 151 248	#C697F8
66.7%	66.7% #D0AAF9	RGB 208 170 249	#D0AAF9
83.3%	83.3% #DABDFA	RGB 218 189 250	#DABDFA
100.0%	100.0% #E5D1FC	RGB 229 209 252	#E5D1FC

#A85DF5 #B270F6 #BC83F7 #C697F8 #D0AAF9 #DABDFA #E5D1FC

#A85DF5 - #E5D1FC

HSV Blend

#A85DF5 - #E5D1FC | 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 #A85DF5 as 0% and #E5D1FC as 100%.

0.0%	0.0% #A85DF5	RGB 168 93 245	#A85DF5
16.7%	16.7% #B16FF6	RGB 177 111 246	#B16FF6
33.3%	33.3% #BB82F7	RGB 187 130 247	#BB82F7
50.0%	50.0% #C596F8	RGB 197 150 248	#C596F8
66.7%	66.7% #CFA9F9	RGB 207 169 249	#CFA9F9
83.3%	83.3% #DABDFA	RGB 218 189 250	#DABDFA
100.0%	100.0% #E5D1FC	RGB 229 209 252	#E5D1FC

#A85DF5 #B16FF6 #BB82F7 #C596F8 #CFA9F9 #DABDFA #E5D1FC

#A85DF5 - #C596F8 - #E5D1FC

CSS codes

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

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