#7A6ECE - #EBC0D9 | 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 #7A6ECE to #EBC0D9

#7A6ECE #EBC0D9

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

#7A6ECE - #EBC0D9 | 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 #7A6ECE as 0% and #EBC0D9 as 100%.

0.0%	0.0% #7A6ECE	RGB 122 110 206	#7A6ECE
16.7%	16.7% #8C7BCF	RGB 140 123 207	#8C7BCF
33.3%	33.3% #9F89D1	RGB 159 137 209	#9F89D1
50.0%	50.0% #B297D3	RGB 178 151 211	#B297D3
66.7%	66.7% #C5A4D5	RGB 197 164 213	#C5A4D5
83.3%	83.3% #D8B2D7	RGB 216 178 215	#D8B2D7
100.0%	100.0% #EBC0D9	RGB 235 192 217	#EBC0D9

#7A6ECE #8C7BCF #9F89D1 #B297D3 #C5A4D5 #D8B2D7 #EBC0D9

#7A6ECE - #EBC0D9

HSV Blend

#7A6ECE - #EBC0D9 | 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 #7A6ECE as 0% and #EBC0D9 as 100%.

0.0%	0.0% #7A6ECE	RGB 122 110 206	#7A6ECE
16.7%	16.7% #987AD2	RGB 152 122 210	#987AD2
33.3%	33.3% #B487D7	RGB 180 135 215	#B487D7
50.0%	50.0% #CC94DC	RGB 204 148 220	#CC94DC
66.7%	66.7% #E0A2E1	RGB 224 162 225	#E0A2E1
83.3%	83.3% #E6B1DB	RGB 230 177 219	#E6B1DB
100.0%	100.0% #EBC0D9	RGB 235 192 217	#EBC0D9

#7A6ECE #987AD2 #B487D7 #CC94DC #E0A2E1 #E6B1DB #EBC0D9

#7A6ECE - #CC94DC - #EBC0D9

CSS codes

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

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