#D3C2C2 - #8F6B6A | 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 #D3C2C2 to #8F6B6A

#D3C2C2 #8F6B6A

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

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

0.0%	0.0% #D3C2C2	RGB 211 194 194	#D3C2C2
16.7%	16.7% #C7B3B3	RGB 199 179 179	#C7B3B3
33.3%	33.3% #BCA5A4	RGB 188 165 164	#BCA5A4
50.0%	50.0% #B19696	RGB 177 150 150	#B19696
66.7%	66.7% #A58887	RGB 165 136 135	#A58887
83.3%	83.3% #9A7978	RGB 154 121 120	#9A7978
100.0%	100.0% #8F6B6A	RGB 143 107 106	#8F6B6A

#D3C2C2 #C7B3B3 #BCA5A4 #B19696 #A58887 #9A7978 #8F6B6A

#D3C2C2 - #8F6B6A

HSV Blend

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

0.0%	0.0% #D3C2C2	RGB 211 194 194	#D3C2C2
16.7%	16.7% #C7B1B1	RGB 199 177 177	#C7B1B1
33.3%	33.3% #BCA2A1	RGB 188 162 161	#BCA2A1
50.0%	50.0% #B19392	RGB 177 147 146	#B19392
66.7%	66.7% #A58584	RGB 165 133 132	#A58584
83.3%	83.3% #9A7776	RGB 154 119 118	#9A7776
100.0%	100.0% #8F6B6A	RGB 143 107 106	#8F6B6A

#D3C2C2 #C7B1B1 #BCA2A1 #B19392 #A58584 #9A7776 #8F6B6A

#D3C2C2 - #B19392 - #8F6B6A

CSS codes

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

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