#E7E2EB - #9F95AF | 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 #E7E2EB to #9F95AF

#E7E2EB #9F95AF

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

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

0.0%	0.0% #E7E2EB	RGB 231 226 235	#E7E2EB
16.7%	16.7% #DBD5E1	RGB 219 213 225	#DBD5E1
33.3%	33.3% #CFC8D7	RGB 207 200 215	#CFC8D7
50.0%	50.0% #C3BBCD	RGB 195 187 205	#C3BBCD
66.7%	66.7% #B7AEC3	RGB 183 174 195	#B7AEC3
83.3%	83.3% #ABA1B9	RGB 171 161 185	#ABA1B9
100.0%	100.0% #9F95AF	RGB 159 149 175	#9F95AF

#E7E2EB #DBD5E1 #CFC8D7 #C3BBCD #B7AEC3 #ABA1B9 #9F95AF

#E7E2EB - #9F95AF

HSV Blend

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

0.0%	0.0% #E7E2EB	RGB 231 226 235	#E7E2EB
16.7%	16.7% #DAD4E1	RGB 218 212 225	#DAD4E1
33.3%	33.3% #CEC6D7	RGB 206 198 215	#CEC6D7
50.0%	50.0% #C2B9CD	RGB 194 185 205	#C2B9CD
66.7%	66.7% #B6ADC3	RGB 182 173 195	#B6ADC3
83.3%	83.3% #AAA0B9	RGB 170 160 185	#AAA0B9
100.0%	100.0% #9F95AF	RGB 159 149 175	#9F95AF

#E7E2EB #DAD4E1 #CEC6D7 #C2B9CD #B6ADC3 #AAA0B9 #9F95AF

#E7E2EB - #C2B9CD - #9F95AF

CSS codes

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

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