#D8C7EB - #7E6BAF | 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 #D8C7EB to #7E6BAF

#D8C7EB #7E6BAF

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

#D8C7EB - #7E6BAF | 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 #D8C7EB as 0% and #7E6BAF as 100%.

0.0%	0.0% #D8C7EB	RGB 216 199 235	#D8C7EB
16.7%	16.7% #C9B7E1	RGB 201 183 225	#C9B7E1
33.3%	33.3% #BAA8D7	RGB 186 168 215	#BAA8D7
50.0%	50.0% #AB99CD	RGB 171 153 205	#AB99CD
66.7%	66.7% #9C89C3	RGB 156 137 195	#9C89C3
83.3%	83.3% #8D7AB9	RGB 141 122 185	#8D7AB9
100.0%	100.0% #7E6BAF	RGB 126 107 175	#7E6BAF

#D8C7EB #C9B7E1 #BAA8D7 #AB99CD #9C89C3 #8D7AB9 #7E6BAF

#D8C7EB - #7E6BAF

HSV Blend

#D8C7EB - #7E6BAF | 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 #D8C7EB as 0% and #7E6BAF as 100%.

0.0%	0.0% #D8C7EB	RGB 216 199 235	#D8C7EB
16.7%	16.7% #C8B5E1	RGB 200 181 225	#C8B5E1
33.3%	33.3% #B9A5D7	RGB 185 165 215	#B9A5D7
50.0%	50.0% #AA95CD	RGB 170 149 205	#AA95CD
66.7%	66.7% #9B86C3	RGB 155 134 195	#9B86C3
83.3%	83.3% #8C78B9	RGB 140 120 185	#8C78B9
100.0%	100.0% #7E6BAF	RGB 126 107 175	#7E6BAF

#D8C7EB #C8B5E1 #B9A5D7 #AA95CD #9B86C3 #8C78B9 #7E6BAF

#D8C7EB - #AA95CD - #7E6BAF

CSS codes

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

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