#D9D1DF - #8D7D9F | 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 #D9D1DF to #8D7D9F

#D9D1DF #8D7D9F

Calculate the color between two colors, #D9D1DF and #8D7D9F. 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)

#D9D1DF - #8D7D9F | 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 #D9D1DF as 0% and #8D7D9F as 100%.

0.0%	0.0% #D9D1DF	RGB 217 209 223	#D9D1DF
16.7%	16.7% #CCC3D4	RGB 204 195 212	#CCC3D4
33.3%	33.3% #BFB5C9	RGB 191 181 201	#BFB5C9
50.0%	50.0% #B3A7BF	RGB 179 167 191	#B3A7BF
66.7%	66.7% #A699B4	RGB 166 153 180	#A699B4
83.3%	83.3% #998BA9	RGB 153 139 169	#998BA9
100.0%	100.0% #8D7D9F	RGB 141 125 159	#8D7D9F

#D9D1DF #CCC3D4 #BFB5C9 #B3A7BF #A699B4 #998BA9 #8D7D9F

#D9D1DF - #8D7D9F

HSV Blend

#D9D1DF - #8D7D9F | 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 #D9D1DF as 0% and #8D7D9F as 100%.

0.0%	0.0% #D9D1DF	RGB 217 209 223	#D9D1DF
16.7%	16.7% #CCC1D4	RGB 204 193 212	#CCC1D4
33.3%	33.3% #BFB2C9	RGB 191 178 201	#BFB2C9
50.0%	50.0% #B2A4BF	RGB 178 164 191	#B2A4BF
66.7%	66.7% #A596B4	RGB 165 150 180	#A596B4
83.3%	83.3% #9989A9	RGB 153 137 169	#9989A9
100.0%	100.0% #8D7D9F	RGB 141 125 159	#8D7D9F

#D9D1DF #CCC1D4 #BFB2C9 #B2A4BF #A596B4 #9989A9 #8D7D9F

#D9D1DF - #B2A4BF - #8D7D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9D1DF 0%, #B2A4BF 50%, #8D7D9F 100%);
    background: -webkit-linear-gradient(top, #D9D1DF 0%, #B2A4BF 50%, #8D7D9F 100%);
    background: linear-gradient(to bottom, #D9D1DF 0%, #B2A4BF 50%, #8D7D9F 100%);
}
</style>