#D7D4DA - #8C86B0 | 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 #D7D4DA to #8C86B0

#D7D4DA #8C86B0

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

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

0.0%	0.0% #D7D4DA	RGB 215 212 218	#D7D4DA
16.7%	16.7% #CAC7D3	RGB 202 199 211	#CAC7D3
33.3%	33.3% #BEBACC	RGB 190 186 204	#BEBACC
50.0%	50.0% #B1ADC5	RGB 177 173 197	#B1ADC5
66.7%	66.7% #A5A0BE	RGB 165 160 190	#A5A0BE
83.3%	83.3% #9893B7	RGB 152 147 183	#9893B7
100.0%	100.0% #8C86B0	RGB 140 134 176	#8C86B0

#D7D4DA #CAC7D3 #BEBACC #B1ADC5 #A5A0BE #9893B7 #8C86B0

#D7D4DA - #8C86B0

HSV Blend

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

0.0%	0.0% #D7D4DA	RGB 215 212 218	#D7D4DA
16.7%	16.7% #CBC5D3	RGB 203 197 211	#CBC5D3
33.3%	33.3% #BFB8CC	RGB 191 184 204	#BFB8CC
50.0%	50.0% #B3AAC5	RGB 179 170 197	#B3AAC5
66.7%	66.7% #A69EBE	RGB 166 158 190	#A69EBE
83.3%	83.3% #9991B7	RGB 153 145 183	#9991B7
100.0%	100.0% #8C86B0	RGB 140 134 176	#8C86B0

#D7D4DA #CBC5D3 #BFB8CC #B3AAC5 #A69EBE #9991B7 #8C86B0

#D7D4DA - #B3AAC5 - #8C86B0

CSS codes

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

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