#D1C7E2 - #865DB3 | 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 #D1C7E2 to #865DB3

#D1C7E2 #865DB3

Calculate the color between two colors, #D1C7E2 and #865DB3. 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)

#D1C7E2 - #865DB3 | 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 #D1C7E2 as 0% and #865DB3 as 100%.

0.0%	0.0% #D1C7E2	RGB 209 199 226	#D1C7E2
16.7%	16.7% #C4B5DA	RGB 196 181 218	#C4B5DA
33.3%	33.3% #B8A3D2	RGB 184 163 210	#B8A3D2
50.0%	50.0% #AB92CA	RGB 171 146 202	#AB92CA
66.7%	66.7% #9F80C2	RGB 159 128 194	#9F80C2
83.3%	83.3% #926EBA	RGB 146 110 186	#926EBA
100.0%	100.0% #865DB3	RGB 134 93 179	#865DB3

#D1C7E2 #C4B5DA #B8A3D2 #AB92CA #9F80C2 #926EBA #865DB3

#D1C7E2 - #865DB3

HSV Blend

#D1C7E2 - #865DB3 | 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 #D1C7E2 as 0% and #865DB3 as 100%.

0.0%	0.0% #D1C7E2	RGB 209 199 226	#D1C7E2
16.7%	16.7% #C2B2DA	RGB 194 178 218	#C2B2DA
33.3%	33.3% #B49FD2	RGB 180 159 210	#B49FD2
50.0%	50.0% #A78DCA	RGB 167 141 202	#A78DCA
66.7%	66.7% #9B7CC2	RGB 155 124 194	#9B7CC2
83.3%	83.3% #906CBA	RGB 144 108 186	#906CBA
100.0%	100.0% #865DB3	RGB 134 93 179	#865DB3

#D1C7E2 #C2B2DA #B49FD2 #A78DCA #9B7CC2 #906CBA #865DB3

#D1C7E2 - #A78DCA - #865DB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1C7E2 0%, #A78DCA 50%, #865DB3 100%);
    background: -webkit-linear-gradient(top, #D1C7E2 0%, #A78DCA 50%, #865DB3 100%);
    background: linear-gradient(to bottom, #D1C7E2 0%, #A78DCA 50%, #865DB3 100%);
}
</style>