#8A8DA2 - #D3C3B2 | 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 #8A8DA2 to #D3C3B2

#8A8DA2 #D3C3B2

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

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

0.0%	0.0% #8A8DA2	RGB 138 141 162	#8A8DA2
16.7%	16.7% #9696A4	RGB 150 150 164	#9696A4
33.3%	33.3% #A29FA7	RGB 162 159 167	#A29FA7
50.0%	50.0% #AEA8AA	RGB 174 168 170	#AEA8AA
66.7%	66.7% #BAB1AC	RGB 186 177 172	#BAB1AC
83.3%	83.3% #C6BAAF	RGB 198 186 175	#C6BAAF
100.0%	100.0% #D3C3B2	RGB 211 195 178	#D3C3B2

#8A8DA2 #9696A4 #A29FA7 #AEA8AA #BAB1AC #C6BAAF #D3C3B2

#8A8DA2 - #D3C3B2

HSV Blend

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

0.0%	0.0% #8A8DA2	RGB 138 141 162	#8A8DA2
16.7%	16.7% #9890AA	RGB 152 144 170	#9890AA
33.3%	33.3% #AB97B2	RGB 171 151 178	#AB97B2
50.0%	50.0% #BA9EB4	RGB 186 158 180	#BA9EB4
66.7%	66.7% #C2A4AF	RGB 194 164 175	#C2A4AF
83.3%	83.3% #CAADAB	RGB 202 173 171	#CAADAB
100.0%	100.0% #D3C3B2	RGB 211 195 178	#D3C3B2

#8A8DA2 #9890AA #AB97B2 #BA9EB4 #C2A4AF #CAADAB #D3C3B2

#8A8DA2 - #BA9EB4 - #D3C3B2

CSS codes

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

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