#7E4E6B - #DACCD4 | 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 #7E4E6B to #DACCD4

#7E4E6B #DACCD4

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

#7E4E6B - #DACCD4 | 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 #7E4E6B as 0% and #DACCD4 as 100%.

0.0%	0.0% #7E4E6B	RGB 126 78 107	#7E4E6B
16.7%	16.7% #8D637C	RGB 141 99 124	#8D637C
33.3%	33.3% #9C788E	RGB 156 120 142	#9C788E
50.0%	50.0% #AC8D9F	RGB 172 141 159	#AC8D9F
66.7%	66.7% #BBA2B1	RGB 187 162 177	#BBA2B1
83.3%	83.3% #CAB7C2	RGB 202 183 194	#CAB7C2
100.0%	100.0% #DACCD4	RGB 218 204 212	#DACCD4

#7E4E6B #8D637C #9C788E #AC8D9F #BBA2B1 #CAB7C2 #DACCD4

#7E4E6B - #DACCD4

HSV Blend

#7E4E6B - #DACCD4 | 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 #7E4E6B as 0% and #DACCD4 as 100%.

0.0%	0.0% #7E4E6B	RGB 126 78 107	#7E4E6B
16.7%	16.7% #8D5E7A	RGB 141 94 122	#8D5E7A
33.3%	33.3% #9C718B	RGB 156 113 139	#9C718B
50.0%	50.0% #AC859C	RGB 172 133 156	#AC859C
66.7%	66.7% #BB9BAE	RGB 187 155 174	#BB9BAE
83.3%	83.3% #CAB2C0	RGB 202 178 192	#CAB2C0
100.0%	100.0% #DACCD4	RGB 218 204 212	#DACCD4

#7E4E6B #8D5E7A #9C718B #AC859C #BB9BAE #CAB2C0 #DACCD4

#7E4E6B - #AC859C - #DACCD4

CSS codes

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

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