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

#8C908C #DBCD9D

Calculate the color between two colors, #8C908C 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)

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

0.0%	0.0% #8C908C	RGB 140 144 140	#8C908C
16.7%	16.7% #999A8E	RGB 153 154 142	#999A8E
33.3%	33.3% #A6A491	RGB 166 164 145	#A6A491
50.0%	50.0% #B3AE94	RGB 179 174 148	#B3AE94
66.7%	66.7% #C0B897	RGB 192 184 151	#C0B897
83.3%	83.3% #CDC29A	RGB 205 194 154	#CDC29A
100.0%	100.0% #DBCD9D	RGB 219 205 157	#DBCD9D

#8C908C #999A8E #A6A491 #B3AE94 #C0B897 #CDC29A #DBCD9D

#8C908C - #DBCD9D

HSV Blend

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

0.0%	0.0% #8C908C	RGB 140 144 140	#8C908C
16.7%	16.7% #939C91	RGB 147 156 145	#939C91
33.3%	33.3% #9DA995	RGB 157 169 149	#9DA995
50.0%	50.0% #AAB599	RGB 170 181 153	#AAB599
66.7%	66.7% #BAC29B	RGB 186 194 155	#BAC29B
83.3%	83.3% #CECD9C	RGB 206 205 156	#CECD9C
100.0%	100.0% #DBCD9D	RGB 219 205 157	#DBCD9D

#8C908C #939C91 #9DA995 #AAB599 #BAC29B #CECD9C #DBCD9D

#8C908C - #AAB599 - #DBCD9D

CSS codes

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

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