#E5E5E8 - #9B95C7 | 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 #E5E5E8 to #9B95C7

#E5E5E8 #9B95C7

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

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

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D8D7E2	RGB 216 215 226	#D8D7E2
33.3%	33.3% #CCCADD	RGB 204 202 221	#CCCADD
50.0%	50.0% #C0BDD7	RGB 192 189 215	#C0BDD7
66.7%	66.7% #B3AFD2	RGB 179 175 210	#B3AFD2
83.3%	83.3% #A7A2CC	RGB 167 162 204	#A7A2CC
100.0%	100.0% #9B95C7	RGB 155 149 199	#9B95C7

#E5E5E8 #D8D7E2 #CCCADD #C0BDD7 #B3AFD2 #A7A2CC #9B95C7

#E5E5E8 - #9B95C7

HSV Blend

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

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D6D6E2	RGB 214 214 226	#D6D6E2
33.3%	33.3% #C9C8DD	RGB 201 200 221	#C9C8DD
50.0%	50.0% #BCBBD7	RGB 188 187 215	#BCBBD7
66.7%	66.7% #B0ADD2	RGB 176 173 210	#B0ADD2
83.3%	83.3% #A5A1CC	RGB 165 161 204	#A5A1CC
100.0%	100.0% #9B95C7	RGB 155 149 199	#9B95C7

#E5E5E8 #D6D6E2 #C9C8DD #BCBBD7 #B0ADD2 #A5A1CC #9B95C7

#E5E5E8 - #BCBBD7 - #9B95C7

CSS codes

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

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