#8C918B - #DDCE9F | 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 #8C918B to #DDCE9F

#8C918B #DDCE9F

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

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

0.0%	0.0% #8C918B	RGB 140 145 139	#8C918B
16.7%	16.7% #999B8E	RGB 153 155 142	#999B8E
33.3%	33.3% #A7A591	RGB 167 165 145	#A7A591
50.0%	50.0% #B4AF95	RGB 180 175 149	#B4AF95
66.7%	66.7% #C2B998	RGB 194 185 152	#C2B998
83.3%	83.3% #CFC39B	RGB 207 195 155	#CFC39B
100.0%	100.0% #DDCE9F	RGB 221 206 159	#DDCE9F

#8C918B #999B8E #A7A591 #B4AF95 #C2B998 #CFC39B #DDCE9F

#8C918B - #DDCE9F

HSV Blend

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

0.0%	0.0% #8C918B	RGB 140 145 139	#8C918B
16.7%	16.7% #959D90	RGB 149 157 144	#959D90
33.3%	33.3% #A0AA95	RGB 160 170 149	#A0AA95
50.0%	50.0% #AEB799	RGB 174 183 153	#AEB799
66.7%	66.7% #BFC39C	RGB 191 195 156	#BFC39C
83.3%	83.3% #D0CD9E	RGB 208 205 158	#D0CD9E
100.0%	100.0% #DDCE9F	RGB 221 206 159	#DDCE9F

#8C918B #959D90 #A0AA95 #AEB799 #BFC39C #D0CD9E #DDCE9F

#8C918B - #AEB799 - #DDCE9F

CSS codes

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

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