#D0D1CD - #8D9C7C | 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 #D0D1CD to #8D9C7C

#D0D1CD #8D9C7C

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

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

0.0%	0.0% #D0D1CD	RGB 208 209 205	#D0D1CD
16.7%	16.7% #C4C8BF	RGB 196 200 191	#C4C8BF
33.3%	33.3% #B9BFB2	RGB 185 191 178	#B9BFB2
50.0%	50.0% #AEB6A4	RGB 174 182 164	#AEB6A4
66.7%	66.7% #A3AD97	RGB 163 173 151	#A3AD97
83.3%	83.3% #98A489	RGB 152 164 137	#98A489
100.0%	100.0% #8D9C7C	RGB 141 156 124	#8D9C7C

#D0D1CD #C4C8BF #B9BFB2 #AEB6A4 #A3AD97 #98A489 #8D9C7C

#D0D1CD - #8D9C7C

HSV Blend

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

0.0%	0.0% #D0D1CD	RGB 208 209 205	#D0D1CD
16.7%	16.7% #C5C8BE	RGB 197 200 190	#C5C8BE
33.3%	33.3% #BABFAF	RGB 186 191 175	#BABFAF
50.0%	50.0% #AFB6A2	RGB 175 182 162	#AFB6A2
66.7%	66.7% #A3AD94	RGB 163 173 148	#A3AD94
83.3%	83.3% #98A488	RGB 152 164 136	#98A488
100.0%	100.0% #8D9C7C	RGB 141 156 124	#8D9C7C

#D0D1CD #C5C8BE #BABFAF #AFB6A2 #A3AD94 #98A488 #8D9C7C

#D0D1CD - #AFB6A2 - #8D9C7C

CSS codes

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

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