#8D918C - #DBBA9D | 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 #8D918C to #DBBA9D

#8D918C #DBBA9D

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

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

0.0%	0.0% #8D918C	RGB 141 145 140	#8D918C
16.7%	16.7% #9A978E	RGB 154 151 142	#9A978E
33.3%	33.3% #A79E91	RGB 167 158 145	#A79E91
50.0%	50.0% #B4A594	RGB 180 165 148	#B4A594
66.7%	66.7% #C1AC97	RGB 193 172 151	#C1AC97
83.3%	83.3% #CEB39A	RGB 206 179 154	#CEB39A
100.0%	100.0% #DBBA9D	RGB 219 186 157	#DBBA9D

#8D918C #9A978E #A79E91 #B4A594 #C1AC97 #CEB39A #DBBA9D

#8D918C - #DBBA9D

HSV Blend

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

0.0%	0.0% #8D918C	RGB 141 145 140	#8D918C
16.7%	16.7% #969D91	RGB 150 157 145	#969D91
33.3%	33.3% #A2A995	RGB 162 169 149	#A2A995
50.0%	50.0% #B2B699	RGB 178 182 153	#B2B699
66.7%	66.7% #C2BE9B	RGB 194 190 155	#C2BE9B
83.3%	83.3% #CEBF9C	RGB 206 191 156	#CEBF9C
100.0%	100.0% #DBBA9D	RGB 219 186 157	#DBBA9D

#8D918C #969D91 #A2A995 #B2B699 #C2BE9B #CEBF9C #DBBA9D

#8D918C - #B2B699 - #DBBA9D

CSS codes

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

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