#7E3C7E - #DAC7DA | 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 #7E3C7E to #DAC7DA

#7E3C7E #DAC7DA

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

#7E3C7E - #DAC7DA | 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 #7E3C7E as 0% and #DAC7DA as 100%.

0.0%	0.0% #7E3C7E	RGB 126 60 126	#7E3C7E
16.7%	16.7% #8D538D	RGB 141 83 141	#8D538D
33.3%	33.3% #9C6A9C	RGB 156 106 156	#9C6A9C
50.0%	50.0% #AC81AC	RGB 172 129 172	#AC81AC
66.7%	66.7% #BB98BB	RGB 187 152 187	#BB98BB
83.3%	83.3% #CAAFCA	RGB 202 175 202	#CAAFCA
100.0%	100.0% #DAC7DA	RGB 218 199 218	#DAC7DA

#7E3C7E #8D538D #9C6A9C #AC81AC #BB98BB #CAAFCA #DAC7DA

#7E3C7E - #DAC7DA

HSV Blend

#7E3C7E - #DAC7DA | 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 #7E3C7E as 0% and #DAC7DA as 100%.

0.0%	0.0% #7E3C7E	RGB 126 60 126	#7E3C7E
16.7%	16.7% #8D4D8D	RGB 141 77 141	#8D4D8D
33.3%	33.3% #9C619C	RGB 156 97 156	#9C619C
50.0%	50.0% #AC77AC	RGB 172 119 172	#AC77AC
66.7%	66.7% #BB8FBB	RGB 187 143 187	#BB8FBB
83.3%	83.3% #CAAACA	RGB 202 170 202	#CAAACA
100.0%	100.0% #DAC7DA	RGB 218 199 218	#DAC7DA

#7E3C7E #8D4D8D #9C619C #AC77AC #BB8FBB #CAAACA #DAC7DA

#7E3C7E - #AC77AC - #DAC7DA

CSS codes

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

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