#8A8C87 - #DECEA2 | 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 #8A8C87 to #DECEA2

#8A8C87 #DECEA2

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

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

0.0%	0.0% #8A8C87	RGB 138 140 135	#8A8C87
16.7%	16.7% #98978B	RGB 152 151 139	#98978B
33.3%	33.3% #A6A290	RGB 166 162 144	#A6A290
50.0%	50.0% #B4AD94	RGB 180 173 148	#B4AD94
66.7%	66.7% #C2B899	RGB 194 184 153	#C2B899
83.3%	83.3% #D0C39D	RGB 208 195 157	#D0C39D
100.0%	100.0% #DECEA2	RGB 222 206 162	#DECEA2

#8A8C87 #98978B #A6A290 #B4AD94 #C2B899 #D0C39D #DECEA2

#8A8C87 - #DECEA2

HSV Blend

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

0.0%	0.0% #8A8C87	RGB 138 140 135	#8A8C87
16.7%	16.7% #96998E	RGB 150 153 142	#96998E
33.3%	33.3% #A3A794	RGB 163 167 148	#A3A794
50.0%	50.0% #B3B599	RGB 179 181 153	#B3B599
66.7%	66.7% #C2C19D	RGB 194 193 157	#C2C19D
83.3%	83.3% #D0C8A0	RGB 208 200 160	#D0C8A0
100.0%	100.0% #DECEA2	RGB 222 206 162	#DECEA2

#8A8C87 #96998E #A3A794 #B3B599 #C2C19D #D0C8A0 #DECEA2

#8A8C87 - #B3B599 - #DECEA2

CSS codes

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

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