#8C918C - #DBCD9D | 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 #8C918C to #DBCD9D

#8C918C #DBCD9D

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

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

0.0%	0.0% #8C918C	RGB 140 145 140	#8C918C
16.7%	16.7% #999B8E	RGB 153 155 142	#999B8E
33.3%	33.3% #A6A591	RGB 166 165 145	#A6A591
50.0%	50.0% #B3AF94	RGB 179 175 148	#B3AF94
66.7%	66.7% #C0B997	RGB 192 185 151	#C0B997
83.3%	83.3% #CDC39A	RGB 205 195 154	#CDC39A
100.0%	100.0% #DBCD9D	RGB 219 205 157	#DBCD9D

#8C918C #999B8E #A6A591 #B3AF94 #C0B997 #CDC39A #DBCD9D

#8C918C - #DBCD9D

HSV Blend

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

0.0%	0.0% #8C918C	RGB 140 145 140	#8C918C
16.7%	16.7% #939D91	RGB 147 157 145	#939D91
33.3%	33.3% #9DA995	RGB 157 169 149	#9DA995
50.0%	50.0% #AAB699	RGB 170 182 153	#AAB699
66.7%	66.7% #BBC29B	RGB 187 194 155	#BBC29B
83.3%	83.3% #CECD9C	RGB 206 205 156	#CECD9C
100.0%	100.0% #DBCD9D	RGB 219 205 157	#DBCD9D

#8C918C #939D91 #9DA995 #AAB699 #BBC29B #CECD9C #DBCD9D

#8C918C - #AAB699 - #DBCD9D

CSS codes

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

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