#7E4DAB - #DACCE7 | 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 #7E4DAB to #DACCE7

#7E4DAB #DACCE7

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

#7E4DAB - #DACCE7 | 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 #7E4DAB as 0% and #DACCE7 as 100%.

0.0%	0.0% #7E4DAB	RGB 126 77 171	#7E4DAB
16.7%	16.7% #8D62B5	RGB 141 98 181	#8D62B5
33.3%	33.3% #9C77BF	RGB 156 119 191	#9C77BF
50.0%	50.0% #AC8CC9	RGB 172 140 201	#AC8CC9
66.7%	66.7% #BBA1D3	RGB 187 161 211	#BBA1D3
83.3%	83.3% #CAB6DD	RGB 202 182 221	#CAB6DD
100.0%	100.0% #DACCE7	RGB 218 204 231	#DACCE7

#7E4DAB #8D62B5 #9C77BF #AC8CC9 #BBA1D3 #CAB6DD #DACCE7

#7E4DAB - #DACCE7

HSV Blend

#7E4DAB - #DACCE7 | 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 #7E4DAB as 0% and #DACCE7 as 100%.

0.0%	0.0% #7E4DAB	RGB 126 77 171	#7E4DAB
16.7%	16.7% #8B5EB5	RGB 139 94 181	#8B5EB5
33.3%	33.3% #9971BF	RGB 153 113 191	#9971BF
50.0%	50.0% #A886C9	RGB 168 134 201	#A886C9
66.7%	66.7% #B89BD3	RGB 184 155 211	#B89BD3
83.3%	83.3% #C8B3DD	RGB 200 179 221	#C8B3DD
100.0%	100.0% #DACCE7	RGB 218 204 231	#DACCE7

#7E4DAB #8B5EB5 #9971BF #A886C9 #B89BD3 #C8B3DD #DACCE7

#7E4DAB - #A886C9 - #DACCE7

CSS codes

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

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