#9A7E7F - #E2DADA | 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 #9A7E7F to #E2DADA

#9A7E7F #E2DADA

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

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

0.0%	0.0% #9A7E7F	RGB 154 126 127	#9A7E7F
16.7%	16.7% #A68D8E	RGB 166 141 142	#A68D8E
33.3%	33.3% #B29C9D	RGB 178 156 157	#B29C9D
50.0%	50.0% #BEACAC	RGB 190 172 172	#BEACAC
66.7%	66.7% #CABBBB	RGB 202 187 187	#CABBBB
83.3%	83.3% #D6CACA	RGB 214 202 202	#D6CACA
100.0%	100.0% #E2DADA	RGB 226 218 218	#E2DADA

#9A7E7F #A68D8E #B29C9D #BEACAC #CABBBB #D6CACA #E2DADA

#9A7E7F - #E2DADA

HSV Blend

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

0.0%	0.0% #9A7E7F	RGB 154 126 127	#9A7E7F
16.7%	16.7% #A68B8C	RGB 166 139 140	#A68B8C
33.3%	33.3% #B29A9A	RGB 178 154 154	#B29A9A
50.0%	50.0% #BEA9A9	RGB 190 169 169	#BEA9A9
66.7%	66.7% #CAB8B9	RGB 202 184 185	#CAB8B9
83.3%	83.3% #D6C9C9	RGB 214 201 201	#D6C9C9
100.0%	100.0% #E2DADA	RGB 226 218 218	#E2DADA

#9A7E7F #A68B8C #B29A9A #BEA9A9 #CAB8B9 #D6C9C9 #E2DADA

#9A7E7F - #BEA9A9 - #E2DADA

CSS codes

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

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