#D3C9DF - #886F9F | 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 #D3C9DF to #886F9F

#D3C9DF #886F9F

Calculate the color between two colors, #D3C9DF and #886F9F. 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)

#D3C9DF - #886F9F | 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 #D3C9DF as 0% and #886F9F as 100%.

0.0%	0.0% #D3C9DF	RGB 211 201 223	#D3C9DF
16.7%	16.7% #C6BAD4	RGB 198 186 212	#C6BAD4
33.3%	33.3% #BAABC9	RGB 186 171 201	#BAABC9
50.0%	50.0% #AD9CBF	RGB 173 156 191	#AD9CBF
66.7%	66.7% #A18DB4	RGB 161 141 180	#A18DB4
83.3%	83.3% #947EA9	RGB 148 126 169	#947EA9
100.0%	100.0% #886F9F	RGB 136 111 159	#886F9F

#D3C9DF #C6BAD4 #BAABC9 #AD9CBF #A18DB4 #947EA9 #886F9F

#D3C9DF - #886F9F

HSV Blend

#D3C9DF - #886F9F | 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 #D3C9DF as 0% and #886F9F as 100%.

0.0%	0.0% #D3C9DF	RGB 211 201 223	#D3C9DF
16.7%	16.7% #C5B8D4	RGB 197 184 212	#C5B8D4
33.3%	33.3% #B8A8C9	RGB 184 168 201	#B8A8C9
50.0%	50.0% #AB98BF	RGB 171 152 191	#AB98BF
66.7%	66.7% #9F8AB4	RGB 159 138 180	#9F8AB4
83.3%	83.3% #937CA9	RGB 147 124 169	#937CA9
100.0%	100.0% #886F9F	RGB 136 111 159	#886F9F

#D3C9DF #C5B8D4 #B8A8C9 #AB98BF #9F8AB4 #937CA9 #886F9F

#D3C9DF - #AB98BF - #886F9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3C9DF 0%, #AB98BF 50%, #886F9F 100%);
    background: -webkit-linear-gradient(top, #D3C9DF 0%, #AB98BF 50%, #886F9F 100%);
    background: linear-gradient(to bottom, #D3C9DF 0%, #AB98BF 50%, #886F9F 100%);
}
</style>