#9C7E9C - #E2DAE2 | 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 #9C7E9C to #E2DAE2

#9C7E9C #E2DAE2

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

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

0.0%	0.0% #9C7E9C	RGB 156 126 156	#9C7E9C
16.7%	16.7% #A78DA7	RGB 167 141 167	#A78DA7
33.3%	33.3% #B39CB3	RGB 179 156 179	#B39CB3
50.0%	50.0% #BFACBF	RGB 191 172 191	#BFACBF
66.7%	66.7% #CABBCA	RGB 202 187 202	#CABBCA
83.3%	83.3% #D6CAD6	RGB 214 202 214	#D6CAD6
100.0%	100.0% #E2DAE2	RGB 226 218 226	#E2DAE2

#9C7E9C #A78DA7 #B39CB3 #BFACBF #CABBCA #D6CAD6 #E2DAE2

#9C7E9C - #E2DAE2

HSV Blend

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

0.0%	0.0% #9C7E9C	RGB 156 126 156	#9C7E9C
16.7%	16.7% #A78BA7	RGB 167 139 167	#A78BA7
33.3%	33.3% #B39AB3	RGB 179 154 179	#B39AB3
50.0%	50.0% #BFA9BF	RGB 191 169 191	#BFA9BF
66.7%	66.7% #CAB8CA	RGB 202 184 202	#CAB8CA
83.3%	83.3% #D6C9D6	RGB 214 201 214	#D6C9D6
100.0%	100.0% #E2DAE2	RGB 226 218 226	#E2DAE2

#9C7E9C #A78BA7 #B39AB3 #BFA9BF #CAB8CA #D6C9D6 #E2DAE2

#9C7E9C - #BFA9BF - #E2DAE2

CSS codes

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

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