#8C8DA2 - #D3C3B0 | 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 #8C8DA2 to #D3C3B0

#8C8DA2 #D3C3B0

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

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

0.0%	0.0% #8C8DA2	RGB 140 141 162	#8C8DA2
16.7%	16.7% #9796A4	RGB 151 150 164	#9796A4
33.3%	33.3% #A39FA6	RGB 163 159 166	#A39FA6
50.0%	50.0% #AFA8A9	RGB 175 168 169	#AFA8A9
66.7%	66.7% #BBB1AB	RGB 187 177 171	#BBB1AB
83.3%	83.3% #C7BAAD	RGB 199 186 173	#C7BAAD
100.0%	100.0% #D3C3B0	RGB 211 195 176	#D3C3B0

#8C8DA2 #9796A4 #A39FA6 #AFA8A9 #BBB1AB #C7BAAD #D3C3B0

#8C8DA2 - #D3C3B0

HSV Blend

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

0.0%	0.0% #8C8DA2	RGB 140 141 162	#8C8DA2
16.7%	16.7% #9B92AA	RGB 155 146 170	#9B92AA
33.3%	33.3% #AD98B2	RGB 173 152 178	#AD98B2
50.0%	50.0% #BA9EB3	RGB 186 158 179	#BA9EB3
66.7%	66.7% #C2A4AE	RGB 194 164 174	#C2A4AE
83.3%	83.3% #CAADAA	RGB 202 173 170	#CAADAA
100.0%	100.0% #D3C3B0	RGB 211 195 176	#D3C3B0

#8C8DA2 #9B92AA #AD98B2 #BA9EB3 #C2A4AE #CAADAA #D3C3B0

#8C8DA2 - #BA9EB3 - #D3C3B0

CSS codes

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

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