#8D908B - #DECFA2 | 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 #8D908B to #DECFA2

#8D908B #DECFA2

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

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

0.0%	0.0% #8D908B	RGB 141 144 139	#8D908B
16.7%	16.7% #9A9A8E	RGB 154 154 142	#9A9A8E
33.3%	33.3% #A8A592	RGB 168 165 146	#A8A592
50.0%	50.0% #B5AF96	RGB 181 175 150	#B5AF96
66.7%	66.7% #C3BA9A	RGB 195 186 154	#C3BA9A
83.3%	83.3% #D0C49E	RGB 208 196 158	#D0C49E
100.0%	100.0% #DECFA2	RGB 222 207 162	#DECFA2

#8D908B #9A9A8E #A8A592 #B5AF96 #C3BA9A #D0C49E #DECFA2

#8D908B - #DECFA2

HSV Blend

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

0.0%	0.0% #8D908B	RGB 141 144 139	#8D908B
16.7%	16.7% #979D91	RGB 151 157 145	#979D91
33.3%	33.3% #A3AA96	RGB 163 170 150	#A3AA96
50.0%	50.0% #B2B79B	RGB 178 183 155	#B2B79B
66.7%	66.7% #C2C49E	RGB 194 196 158	#C2C49E
83.3%	83.3% #D1CBA0	RGB 209 203 160	#D1CBA0
100.0%	100.0% #DECFA2	RGB 222 207 162	#DECFA2

#8D908B #979D91 #A3AA96 #B2B79B #C2C49E #D1CBA0 #DECFA2

#8D908B - #B2B79B - #DECFA2

CSS codes

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

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