#654DAB - #EB9DF7 | 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 #654DAB to #EB9DF7

#654DAB #EB9DF7

Calculate the color between two colors, #654DAB and #EB9DF7. 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)

#654DAB - #EB9DF7 | 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 #654DAB as 0% and #EB9DF7 as 100%.

0.0%	0.0% #654DAB	RGB 101 77 171	#654DAB
16.7%	16.7% #7B5AB7	RGB 123 90 183	#7B5AB7
33.3%	33.3% #9167C4	RGB 145 103 196	#9167C4
50.0%	50.0% #A875D1	RGB 168 117 209	#A875D1
66.7%	66.7% #BE82DD	RGB 190 130 221	#BE82DD
83.3%	83.3% #D48FEA	RGB 212 143 234	#D48FEA
100.0%	100.0% #EB9DF7	RGB 235 157 247	#EB9DF7

#654DAB #7B5AB7 #9167C4 #A875D1 #BE82DD #D48FEA #EB9DF7

#654DAB - #EB9DF7

HSV Blend

#654DAB - #EB9DF7 | 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 #654DAB as 0% and #EB9DF7 as 100%.

0.0%	0.0% #654DAB	RGB 101 77 171	#654DAB
16.7%	16.7% #7A58B7	RGB 122 88 183	#7A58B7
33.3%	33.3% #9064C4	RGB 144 100 196	#9064C4
50.0%	50.0% #A771D1	RGB 167 113 209	#A771D1
66.7%	66.7% #BD7FDD	RGB 189 127 221	#BD7FDD
83.3%	83.3% #D48DEA	RGB 212 141 234	#D48DEA
100.0%	100.0% #EB9DF7	RGB 235 157 247	#EB9DF7

#654DAB #7A58B7 #9064C4 #A771D1 #BD7FDD #D48DEA #EB9DF7

#654DAB - #A771D1 - #EB9DF7

CSS codes

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

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