#9C7F8F - #E2DADF | 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 #9C7F8F to #E2DADF

#9C7F8F #E2DADF

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

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

0.0%	0.0% #9C7F8F	RGB 156 127 143	#9C7F8F
16.7%	16.7% #A78E9C	RGB 167 142 156	#A78E9C
33.3%	33.3% #B39DA9	RGB 179 157 169	#B39DA9
50.0%	50.0% #BFACB7	RGB 191 172 183	#BFACB7
66.7%	66.7% #CABBC4	RGB 202 187 196	#CABBC4
83.3%	83.3% #D6CAD1	RGB 214 202 209	#D6CAD1
100.0%	100.0% #E2DADF	RGB 226 218 223	#E2DADF

#9C7F8F #A78E9C #B39DA9 #BFACB7 #CABBC4 #D6CAD1 #E2DADF

#9C7F8F - #E2DADF

HSV Blend

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

0.0%	0.0% #9C7F8F	RGB 156 127 143	#9C7F8F
16.7%	16.7% #A78C9B	RGB 167 140 155	#A78C9B
33.3%	33.3% #B39AA9	RGB 179 154 169	#B39AA9
50.0%	50.0% #BFA9B6	RGB 191 169 182	#BFA9B6
66.7%	66.7% #CAB9C3	RGB 202 185 195	#CAB9C3
83.3%	83.3% #D6C9D1	RGB 214 201 209	#D6C9D1
100.0%	100.0% #E2DADF	RGB 226 218 223	#E2DADF

#9C7F8F #A78C9B #B39AA9 #BFA9B6 #CAB9C3 #D6C9D1 #E2DADF

#9C7F8F - #BFA9B6 - #E2DADF

CSS codes

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

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