#A79FCA - #E5E3EF | 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 #A79FCA to #E5E3EF

#A79FCA #E5E3EF

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

#A79FCA - #E5E3EF | 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 #A79FCA as 0% and #E5E3EF as 100%.

0.0%	0.0% #A79FCA	RGB 167 159 202	#A79FCA
16.7%	16.7% #B1AAD0	RGB 177 170 208	#B1AAD0
33.3%	33.3% #BBB5D6	RGB 187 181 214	#BBB5D6
50.0%	50.0% #C6C1DC	RGB 198 193 220	#C6C1DC
66.7%	66.7% #D0CCE2	RGB 208 204 226	#D0CCE2
83.3%	83.3% #DAD7E8	RGB 218 215 232	#DAD7E8
100.0%	100.0% #E5E3EF	RGB 229 227 239	#E5E3EF

#A79FCA #B1AAD0 #BBB5D6 #C6C1DC #D0CCE2 #DAD7E8 #E5E3EF

#A79FCA - #E5E3EF

HSV Blend

#A79FCA - #E5E3EF | 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 #A79FCA as 0% and #E5E3EF as 100%.

0.0%	0.0% #A79FCA	RGB 167 159 202	#A79FCA
16.7%	16.7% #B0A9D0	RGB 176 169 208	#B0A9D0
33.3%	33.3% #BAB4D6	RGB 186 180 214	#BAB4D6
50.0%	50.0% #C4BFDC	RGB 196 191 220	#C4BFDC
66.7%	66.7% #CFCAE2	RGB 207 202 226	#CFCAE2
83.3%	83.3% #D9D6E8	RGB 217 214 232	#D9D6E8
100.0%	100.0% #E5E3EF	RGB 229 227 239	#E5E3EF

#A79FCA #B0A9D0 #BAB4D6 #C4BFDC #CFCAE2 #D9D6E8 #E5E3EF

#A79FCA - #C4BFDC - #E5E3EF

CSS codes

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

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