#D2D6D0 - #8C937F | 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 #D2D6D0 to #8C937F

#D2D6D0 #8C937F

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

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

0.0%	0.0% #D2D6D0	RGB 210 214 208	#D2D6D0
16.7%	16.7% #C6CAC2	RGB 198 202 194	#C6CAC2
33.3%	33.3% #BABFB5	RGB 186 191 181	#BABFB5
50.0%	50.0% #AFB4A7	RGB 175 180 167	#AFB4A7
66.7%	66.7% #A3A99A	RGB 163 169 154	#A3A99A
83.3%	83.3% #979E8C	RGB 151 158 140	#979E8C
100.0%	100.0% #8C937F	RGB 140 147 127	#8C937F

#D2D6D0 #C6CAC2 #BABFB5 #AFB4A7 #A3A99A #979E8C #8C937F

#D2D6D0 - #8C937F

HSV Blend

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

0.0%	0.0% #D2D6D0	RGB 210 214 208	#D2D6D0
16.7%	16.7% #C5CAC1	RGB 197 202 193	#C5CAC1
33.3%	33.3% #B8BFB3	RGB 184 191 179	#B8BFB3
50.0%	50.0% #ACB4A5	RGB 172 180 165	#ACB4A5
66.7%	66.7% #A1A998	RGB 161 169 152	#A1A998
83.3%	83.3% #969E8B	RGB 150 158 139	#969E8B
100.0%	100.0% #8C937F	RGB 140 147 127	#8C937F

#D2D6D0 #C5CAC1 #B8BFB3 #ACB4A5 #A1A998 #969E8B #8C937F

#D2D6D0 - #ACB4A5 - #8C937F

CSS codes

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

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