#E5E1EB - #9F91AF | 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 #E5E1EB to #9F91AF

#E5E1EB #9F91AF

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

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

0.0%	0.0% #E5E1EB	RGB 229 225 235	#E5E1EB
16.7%	16.7% #D9D3E1	RGB 217 211 225	#D9D3E1
33.3%	33.3% #CDC6D7	RGB 205 198 215	#CDC6D7
50.0%	50.0% #C2B9CD	RGB 194 185 205	#C2B9CD
66.7%	66.7% #B6ABC3	RGB 182 171 195	#B6ABC3
83.3%	83.3% #AA9EB9	RGB 170 158 185	#AA9EB9
100.0%	100.0% #9F91AF	RGB 159 145 175	#9F91AF

#E5E1EB #D9D3E1 #CDC6D7 #C2B9CD #B6ABC3 #AA9EB9 #9F91AF

#E5E1EB - #9F91AF

HSV Blend

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

0.0%	0.0% #E5E1EB	RGB 229 225 235	#E5E1EB
16.7%	16.7% #D8D2E1	RGB 216 210 225	#D8D2E1
33.3%	33.3% #CCC4D7	RGB 204 196 215	#CCC4D7
50.0%	50.0% #C0B7CD	RGB 192 183 205	#C0B7CD
66.7%	66.7% #B5A9C3	RGB 181 169 195	#B5A9C3
83.3%	83.3% #A99DB9	RGB 169 157 185	#A99DB9
100.0%	100.0% #9F91AF	RGB 159 145 175	#9F91AF

#E5E1EB #D8D2E1 #CCC4D7 #C0B7CD #B5A9C3 #A99DB9 #9F91AF

#E5E1EB - #C0B7CD - #9F91AF

CSS codes

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

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