#E7E7EC - #A39CC7 | 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 #E7E7EC to #A39CC7

#E7E7EC #A39CC7

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

#E7E7EC - #A39CC7 | 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 #E7E7EC as 0% and #A39CC7 as 100%.

0.0%	0.0% #E7E7EC	RGB 231 231 236	#E7E7EC
16.7%	16.7% #DBDAE5	RGB 219 218 229	#DBDAE5
33.3%	33.3% #D0CEDF	RGB 208 206 223	#D0CEDF
50.0%	50.0% #C5C1D9	RGB 197 193 217	#C5C1D9
66.7%	66.7% #B9B5D3	RGB 185 181 211	#B9B5D3
83.3%	83.3% #AEA8CD	RGB 174 168 205	#AEA8CD
100.0%	100.0% #A39CC7	RGB 163 156 199	#A39CC7

#E7E7EC #DBDAE5 #D0CEDF #C5C1D9 #B9B5D3 #AEA8CD #A39CC7

#E7E7EC - #A39CC7

HSV Blend

#E7E7EC - #A39CC7 | 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 #E7E7EC as 0% and #A39CC7 as 100%.

0.0%	0.0% #E7E7EC	RGB 231 231 236	#E7E7EC
16.7%	16.7% #D9D9E5	RGB 217 217 229	#D9D9E5
33.3%	33.3% #CDCCDF	RGB 205 204 223	#CDCCDF
50.0%	50.0% #C1BFD9	RGB 193 191 217	#C1BFD9
66.7%	66.7% #B6B3D3	RGB 182 179 211	#B6B3D3
83.3%	83.3% #ACA7CD	RGB 172 167 205	#ACA7CD
100.0%	100.0% #A39CC7	RGB 163 156 199	#A39CC7

#E7E7EC #D9D9E5 #CDCCDF #C1BFD9 #B6B3D3 #ACA7CD #A39CC7

#E7E7EC - #C1BFD9 - #A39CC7

CSS codes

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

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