#6E3C7E - #D6C7DA | 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 #6E3C7E to #D6C7DA

#6E3C7E #D6C7DA

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

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

0.0%	0.0% #6E3C7E	RGB 110 60 126	#6E3C7E
16.7%	16.7% #7F538D	RGB 127 83 141	#7F538D
33.3%	33.3% #906A9C	RGB 144 106 156	#906A9C
50.0%	50.0% #A281AC	RGB 162 129 172	#A281AC
66.7%	66.7% #B398BB	RGB 179 152 187	#B398BB
83.3%	83.3% #C4AFCA	RGB 196 175 202	#C4AFCA
100.0%	100.0% #D6C7DA	RGB 214 199 218	#D6C7DA

#6E3C7E #7F538D #906A9C #A281AC #B398BB #C4AFCA #D6C7DA

#6E3C7E - #D6C7DA

HSV Blend

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

0.0%	0.0% #6E3C7E	RGB 110 60 126	#6E3C7E
16.7%	16.7% #7E4D8D	RGB 126 77 141	#7E4D8D
33.3%	33.3% #8E619C	RGB 142 97 156	#8E619C
50.0%	50.0% #A077AC	RGB 160 119 172	#A077AC
66.7%	66.7% #B18FBB	RGB 177 143 187	#B18FBB
83.3%	83.3% #C3AACA	RGB 195 170 202	#C3AACA
100.0%	100.0% #D6C7DA	RGB 214 199 218	#D6C7DA

#6E3C7E #7E4D8D #8E619C #A077AC #B18FBB #C3AACA #D6C7DA

#6E3C7E - #A077AC - #D6C7DA

CSS codes

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

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