#E6E5E9 - #A385BB | 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 #E6E5E9 to #A385BB

#E6E5E9 #A385BB

Calculate the color between two colors, #E6E5E9 and #A385BB. 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)

#E6E5E9 - #A385BB | 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 #E6E5E9 as 0% and #A385BB as 100%.

0.0%	0.0% #E6E5E9	RGB 230 229 233	#E6E5E9
16.7%	16.7% #DAD5E1	RGB 218 213 225	#DAD5E1
33.3%	33.3% #CFC5D9	RGB 207 197 217	#CFC5D9
50.0%	50.0% #C4B5D2	RGB 196 181 210	#C4B5D2
66.7%	66.7% #B9A5CA	RGB 185 165 202	#B9A5CA
83.3%	83.3% #AE95C2	RGB 174 149 194	#AE95C2
100.0%	100.0% #A385BB	RGB 163 133 187	#A385BB

#E6E5E9 #DAD5E1 #CFC5D9 #C4B5D2 #B9A5CA #AE95C2 #A385BB

#E6E5E9 - #A385BB

HSV Blend

#E6E5E9 - #A385BB | 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 #E6E5E9 as 0% and #A385BB as 100%.

0.0%	0.0% #E6E5E9	RGB 230 229 233	#E6E5E9
16.7%	16.7% #D7D3E1	RGB 215 211 225	#D7D3E1
33.3%	33.3% #CAC2D9	RGB 202 194 217	#CAC2D9
50.0%	50.0% #BEB1D2	RGB 190 177 210	#BEB1D2
66.7%	66.7% #B4A2CA	RGB 180 162 202	#B4A2CA
83.3%	83.3% #AB93C2	RGB 171 147 194	#AB93C2
100.0%	100.0% #A385BB	RGB 163 133 187	#A385BB

#E6E5E9 #D7D3E1 #CAC2D9 #BEB1D2 #B4A2CA #AB93C2 #A385BB

#E6E5E9 - #BEB1D2 - #A385BB

CSS codes

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

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