#7E5A8B - #DACFDD | 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 #7E5A8B to #DACFDD

#7E5A8B #DACFDD

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

#7E5A8B - #DACFDD | 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 #7E5A8B as 0% and #DACFDD as 100%.

0.0%	0.0% #7E5A8B	RGB 126 90 139	#7E5A8B
16.7%	16.7% #8D6D98	RGB 141 109 152	#8D6D98
33.3%	33.3% #9C81A6	RGB 156 129 166	#9C81A6
50.0%	50.0% #AC94B4	RGB 172 148 180	#AC94B4
66.7%	66.7% #BBA8C1	RGB 187 168 193	#BBA8C1
83.3%	83.3% #CABBCF	RGB 202 187 207	#CABBCF
100.0%	100.0% #DACFDD	RGB 218 207 221	#DACFDD

#7E5A8B #8D6D98 #9C81A6 #AC94B4 #BBA8C1 #CABBCF #DACFDD

#7E5A8B - #DACFDD

HSV Blend

#7E5A8B - #DACFDD | 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 #7E5A8B as 0% and #DACFDD as 100%.

0.0%	0.0% #7E5A8B	RGB 126 90 139	#7E5A8B
16.7%	16.7% #8C6A98	RGB 140 106 152	#8C6A98
33.3%	33.3% #9B7BA6	RGB 155 123 166	#9B7BA6
50.0%	50.0% #AB8EB4	RGB 171 142 180	#AB8EB4
66.7%	66.7% #BAA2C1	RGB 186 162 193	#BAA2C1
83.3%	83.3% #CAB8CF	RGB 202 184 207	#CAB8CF
100.0%	100.0% #DACFDD	RGB 218 207 221	#DACFDD

#7E5A8B #8C6A98 #9B7BA6 #AB8EB4 #BAA2C1 #CAB8CF #DACFDD

#7E5A8B - #AB8EB4 - #DACFDD

CSS codes

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

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