#8B5EB9 - #EE7DFB | 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 #8B5EB9 to #EE7DFB

#8B5EB9 #EE7DFB

Calculate the color between two colors, #8B5EB9 and #EE7DFB. 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)

#8B5EB9 - #EE7DFB | 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 #8B5EB9 as 0% and #EE7DFB as 100%.

0.0%	0.0% #8B5EB9	RGB 139 94 185	#8B5EB9
16.7%	16.7% #9B63C4	RGB 155 99 196	#9B63C4
33.3%	33.3% #AC68CF	RGB 172 104 207	#AC68CF
50.0%	50.0% #BC6DDA	RGB 188 109 218	#BC6DDA
66.7%	66.7% #CD72E5	RGB 205 114 229	#CD72E5
83.3%	83.3% #DD77F0	RGB 221 119 240	#DD77F0
100.0%	100.0% #EE7DFB	RGB 238 125 251	#EE7DFB

#8B5EB9 #9B63C4 #AC68CF #BC6DDA #CD72E5 #DD77F0 #EE7DFB

#8B5EB9 - #EE7DFB

HSV Blend

#8B5EB9 - #EE7DFB | 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 #8B5EB9 as 0% and #EE7DFB as 100%.

0.0%	0.0% #8A5EB9	RGB 138 94 185	#8A5EB9
16.7%	16.7% #9963C4	RGB 153 99 196	#9963C4
33.3%	33.3% #A868CF	RGB 168 104 207	#A868CF
50.0%	50.0% #B96DDA	RGB 185 109 218	#B96DDA
66.7%	66.7% #C972E5	RGB 201 114 229	#C972E5
83.3%	83.3% #DB77F0	RGB 219 119 240	#DB77F0
100.0%	100.0% #EE7DFB	RGB 238 125 251	#EE7DFB

#8A5EB9 #9963C4 #A868CF #B96DDA #C972E5 #DB77F0 #EE7DFB

#8B5EB9 - #B96DDA - #EE7DFB

CSS codes

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

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