#9C7EC0 - #E2DAED | 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 #9C7EC0 to #E2DAED

#9C7EC0 #E2DAED

Calculate the color between two colors, #9C7EC0 and #E2DAED. 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)

#9C7EC0 - #E2DAED | 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 #9C7EC0 as 0% and #E2DAED as 100%.

0.0%	0.0% #9C7EC0	RGB 156 126 192	#9C7EC0
16.7%	16.7% #A78DC7	RGB 167 141 199	#A78DC7
33.3%	33.3% #B39CCF	RGB 179 156 207	#B39CCF
50.0%	50.0% #BFACD6	RGB 191 172 214	#BFACD6
66.7%	66.7% #CABBDE	RGB 202 187 222	#CABBDE
83.3%	83.3% #D6CAE5	RGB 214 202 229	#D6CAE5
100.0%	100.0% #E2DAED	RGB 226 218 237	#E2DAED

#9C7EC0 #A78DC7 #B39CCF #BFACD6 #CABBDE #D6CAE5 #E2DAED

#9C7EC0 - #E2DAED

HSV Blend

#9C7EC0 - #E2DAED | 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 #9C7EC0 as 0% and #E2DAED as 100%.

0.0%	0.0% #9C7EC0	RGB 156 126 192	#9C7EC0
16.7%	16.7% #A68BC7	RGB 166 139 199	#A68BC7
33.3%	33.3% #B19ACF	RGB 177 154 207	#B19ACF
50.0%	50.0% #BCA9D6	RGB 188 169 214	#BCA9D6
66.7%	66.7% #C8B8DE	RGB 200 184 222	#C8B8DE
83.3%	83.3% #D5C9E5	RGB 213 201 229	#D5C9E5
100.0%	100.0% #E2DAED	RGB 226 218 237	#E2DAED

#9C7EC0 #A68BC7 #B19ACF #BCA9D6 #C8B8DE #D5C9E5 #E2DAED

#9C7EC0 - #BCA9D6 - #E2DAED

CSS codes

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

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