#A79CD9 - #E5E2F4 | 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 #A79CD9 to #E5E2F4

#A79CD9 #E5E2F4

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

#A79CD9 - #E5E2F4 | 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 #A79CD9 as 0% and #E5E2F4 as 100%.

0.0%	0.0% #A79CD9	RGB 167 156 217	#A79CD9
16.7%	16.7% #B1A7DD	RGB 177 167 221	#B1A7DD
33.3%	33.3% #BBB3E2	RGB 187 179 226	#BBB3E2
50.0%	50.0% #C6BFE6	RGB 198 191 230	#C6BFE6
66.7%	66.7% #D0CAEB	RGB 208 202 235	#D0CAEB
83.3%	83.3% #DAD6EF	RGB 218 214 239	#DAD6EF
100.0%	100.0% #E5E2F4	RGB 229 226 244	#E5E2F4

#A79CD9 #B1A7DD #BBB3E2 #C6BFE6 #D0CAEB #DAD6EF #E5E2F4

#A79CD9 - #E5E2F4

HSV Blend

#A79CD9 - #E5E2F4 | 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 #A79CD9 as 0% and #E5E2F4 as 100%.

0.0%	0.0% #A79CD9	RGB 167 156 217	#A79CD9
16.7%	16.7% #B0A6DD	RGB 176 166 221	#B0A6DD
33.3%	33.3% #BAB2E2	RGB 186 178 226	#BAB2E2
50.0%	50.0% #C4BDE6	RGB 196 189 230	#C4BDE6
66.7%	66.7% #CFC9EB	RGB 207 201 235	#CFC9EB
83.3%	83.3% #D9D5EF	RGB 217 213 239	#D9D5EF
100.0%	100.0% #E5E2F4	RGB 229 226 244	#E5E2F4

#A79CD9 #B0A6DD #BAB2E2 #C4BDE6 #CFC9EB #D9D5EF #E5E2F4

#A79CD9 - #C4BDE6 - #E5E2F4

CSS codes

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

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