#7A3C7E - #D8C7DA | 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 #7A3C7E to #D8C7DA

#7A3C7E #D8C7DA

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

#7A3C7E - #D8C7DA | 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 #7A3C7E as 0% and #D8C7DA as 100%.

0.0%	0.0% #7A3C7E	RGB 122 60 126	#7A3C7E
16.7%	16.7% #89538D	RGB 137 83 141	#89538D
33.3%	33.3% #996A9C	RGB 153 106 156	#996A9C
50.0%	50.0% #A981AC	RGB 169 129 172	#A981AC
66.7%	66.7% #B898BB	RGB 184 152 187	#B898BB
83.3%	83.3% #C8AFCA	RGB 200 175 202	#C8AFCA
100.0%	100.0% #D8C7DA	RGB 216 199 218	#D8C7DA

#7A3C7E #89538D #996A9C #A981AC #B898BB #C8AFCA #D8C7DA

#7A3C7E - #D8C7DA

HSV Blend

#7A3C7E - #D8C7DA | 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 #7A3C7E as 0% and #D8C7DA as 100%.

0.0%	0.0% #7A3C7E	RGB 122 60 126	#7A3C7E
16.7%	16.7% #884D8D	RGB 136 77 141	#884D8D
33.3%	33.3% #98619C	RGB 152 97 156	#98619C
50.0%	50.0% #A777AC	RGB 167 119 172	#A777AC
66.7%	66.7% #B78FBB	RGB 183 143 187	#B78FBB
83.3%	83.3% #C7AACA	RGB 199 170 202	#C7AACA
100.0%	100.0% #D8C7DA	RGB 216 199 218	#D8C7DA

#7A3C7E #884D8D #98619C #A777AC #B78FBB #C7AACA #D8C7DA

#7A3C7E - #A777AC - #D8C7DA

CSS codes

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

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