#D9D9DD - #8F87B8 | 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 #D9D9DD to #8F87B8

#D9D9DD #8F87B8

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

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

0.0%	0.0% #D9D9DD	RGB 217 217 221	#D9D9DD
16.7%	16.7% #CCCBD6	RGB 204 203 214	#CCCBD6
33.3%	33.3% #C0BDD0	RGB 192 189 208	#C0BDD0
50.0%	50.0% #B4B0CA	RGB 180 176 202	#B4B0CA
66.7%	66.7% #A7A2C4	RGB 167 162 196	#A7A2C4
83.3%	83.3% #9B94BE	RGB 155 148 190	#9B94BE
100.0%	100.0% #8F87B8	RGB 143 135 184	#8F87B8

#D9D9DD #CCCBD6 #C0BDD0 #B4B0CA #A7A2C4 #9B94BE #8F87B8

#D9D9DD - #8F87B8

HSV Blend

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

0.0%	0.0% #D9D9DD	RGB 217 217 221	#D9D9DD
16.7%	16.7% #CACAD6	RGB 202 202 214	#CACAD6
33.3%	33.3% #BCBBD0	RGB 188 187 208	#BCBBD0
50.0%	50.0% #B0ADCA	RGB 176 173 202	#B0ADCA
66.7%	66.7% #A4A0C4	RGB 164 160 196	#A4A0C4
83.3%	83.3% #9993BE	RGB 153 147 190	#9993BE
100.0%	100.0% #8F87B8	RGB 143 135 184	#8F87B8

#D9D9DD #CACAD6 #BCBBD0 #B0ADCA #A4A0C4 #9993BE #8F87B8

#D9D9DD - #B0ADCA - #8F87B8

CSS codes

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

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