#A659DF - #E8CDF9 | 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 #A659DF to #E8CDF9

#A659DF #E8CDF9

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

#A659DF - #E8CDF9 | 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 #A659DF as 0% and #E8CDF9 as 100%.

0.0%	0.0% #A659DF	RGB 166 89 223	#A659DF
16.7%	16.7% #B16CE3	RGB 177 108 227	#B16CE3
33.3%	33.3% #BC7FE7	RGB 188 127 231	#BC7FE7
50.0%	50.0% #C793EC	RGB 199 147 236	#C793EC
66.7%	66.7% #D2A6F0	RGB 210 166 240	#D2A6F0
83.3%	83.3% #DDB9F4	RGB 221 185 244	#DDB9F4
100.0%	100.0% #E8CDF9	RGB 232 205 249	#E8CDF9

#A659DF #B16CE3 #BC7FE7 #C793EC #D2A6F0 #DDB9F4 #E8CDF9

#A659DF - #E8CDF9

HSV Blend

#A659DF - #E8CDF9 | 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 #A659DF as 0% and #E8CDF9 as 100%.

0.0%	0.0% #A659DF	RGB 166 89 223	#A659DF
16.7%	16.7% #B06AE3	RGB 176 106 227	#B06AE3
33.3%	33.3% #BB7DE7	RGB 187 125 231	#BB7DE7
50.0%	50.0% #C690EC	RGB 198 144 236	#C690EC
66.7%	66.7% #D1A3F0	RGB 209 163 240	#D1A3F0
83.3%	83.3% #DCB8F4	RGB 220 184 244	#DCB8F4
100.0%	100.0% #E8CDF9	RGB 232 205 249	#E8CDF9

#A659DF #B06AE3 #BB7DE7 #C690EC #D1A3F0 #DCB8F4 #E8CDF9

#A659DF - #C690EC - #E8CDF9

CSS codes

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

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