#9F7E91 - #E3DADF | 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 #9F7E91 to #E3DADF

#9F7E91 #E3DADF

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

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

0.0%	0.0% #9F7E91	RGB 159 126 145	#9F7E91
16.7%	16.7% #AA8D9E	RGB 170 141 158	#AA8D9E
33.3%	33.3% #B59CAB	RGB 181 156 171	#B59CAB
50.0%	50.0% #C1ACB8	RGB 193 172 184	#C1ACB8
66.7%	66.7% #CCBBC5	RGB 204 187 197	#CCBBC5
83.3%	83.3% #D7CAD2	RGB 215 202 210	#D7CAD2
100.0%	100.0% #E3DADF	RGB 227 218 223	#E3DADF

#9F7E91 #AA8D9E #B59CAB #C1ACB8 #CCBBC5 #D7CAD2 #E3DADF

#9F7E91 - #E3DADF

HSV Blend

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

0.0%	0.0% #9F7E91	RGB 159 126 145	#9F7E91
16.7%	16.7% #AA8B9D	RGB 170 139 157	#AA8B9D
33.3%	33.3% #B59AA9	RGB 181 154 169	#B59AA9
50.0%	50.0% #C1A9B6	RGB 193 169 182	#C1A9B6
66.7%	66.7% #CCB8C3	RGB 204 184 195	#CCB8C3
83.3%	83.3% #D7C9D1	RGB 215 201 209	#D7C9D1
100.0%	100.0% #E3DADF	RGB 227 218 223	#E3DADF

#9F7E91 #AA8B9D #B59AA9 #C1A9B6 #CCB8C3 #D7C9D1 #E3DADF

#9F7E91 - #C1A9B6 - #E3DADF

CSS codes

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

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