#A85EB1 - #E5D1E8 | 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 #A85EB1 to #E5D1E8

#A85EB1 #E5D1E8

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

#A85EB1 - #E5D1E8 | 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 #A85EB1 as 0% and #E5D1E8 as 100%.

0.0%	0.0% #A85EB1	RGB 168 94 177	#A85EB1
16.7%	16.7% #B271BA	RGB 178 113 186	#B271BA
33.3%	33.3% #BC84C3	RGB 188 132 195	#BC84C3
50.0%	50.0% #C697CC	RGB 198 151 204	#C697CC
66.7%	66.7% #D0AAD5	RGB 208 170 213	#D0AAD5
83.3%	83.3% #DABDDE	RGB 218 189 222	#DABDDE
100.0%	100.0% #E5D1E8	RGB 229 209 232	#E5D1E8

#A85EB1 #B271BA #BC84C3 #C697CC #D0AAD5 #DABDDE #E5D1E8

#A85EB1 - #E5D1E8

HSV Blend

#A85EB1 - #E5D1E8 | 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 #A85EB1 as 0% and #E5D1E8 as 100%.

0.0%	0.0% #A85EB1	RGB 168 94 177	#A85EB1
16.7%	16.7% #B16EBA	RGB 177 110 186	#B16EBA
33.3%	33.3% #BB7FC3	RGB 187 127 195	#BB7FC3
50.0%	50.0% #C592CC	RGB 197 146 204	#C592CC
66.7%	66.7% #CFA6D5	RGB 207 166 213	#CFA6D5
83.3%	83.3% #DABBDE	RGB 218 187 222	#DABBDE
100.0%	100.0% #E5D1E8	RGB 229 209 232	#E5D1E8

#A85EB1 #B16EBA #BB7FC3 #C592CC #CFA6D5 #DABBDE #E5D1E8

#A85EB1 - #C592CC - #E5D1E8

CSS codes

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

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